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

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

/*头部*/
.header{ width:100%; position:absolute; left:0; top:0; z-index:99;}
.header .head{ width:1400px; height:108px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; padding:28px 0 0; overflow:hidden; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:80px; box-sizing:border-box;}
.header form.search{ display:block; overflow:hidden; background:#fff; border-radius:15px; margin:24px 0 0 8px; float:right;}
.header form.search input.txt{ display:block; width:142px; height:30px; color:#333; font-size:13px; padding:0 16px; background:none; border:0; float:left;}
.header form.search input.txt::placeholder{ color:#999;}
.header form.search input.btn{ display:block; width:30px; height:30px; line-height:9999; background:url(../images/common/search.png) left center no-repeat; border:0; cursor:pointer; float:left;}
.header p.links{ display:block; line-height:30px; color:rgba(4,18,64,0.5); font-size:13px; padding:24px 0 0; float:right;}
.header p.links a{ margin:0 20px; position:relative;}
.header p.links a em{ display:none; line-height:1; color:#fff; padding:8px 10px; background:#1a35a6; position:absolute; left:0; top:100%; margin:6px 0 0 -8px; z-index:9;}
.header p.links a:hover{ color:#1a35a6;}
.header p.links a:hover em{ display:block;}

/*导航*/
ul.nav{ display:block; height:54px; float:right; margin-right:-14px;}
ul.nav li{ display:block; float:left; position:relative;}
ul.nav li a{ display:block; line-height:54px; color:#222e56; font-size:17px; text-align:center; overflow:hidden; padding:0 14px;}
ul.nav li a::after{ content:''; display:inline-block; width:11px; height:54px; background:url(../images/common/arrow.png) center no-repeat; vertical-align:top; margin-left:7px;}
ul.nav li:first-child a::after{ display:none;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#c9051b;}
ul.nav li a:hover::after,
ul.nav li.on a::after,
ul.nav li.cur a::after{ background-image:url(../images/common/arrow_cur.png);}

ul.nav li p.sub{ display:none; width:128px; background:#f8f8f8; padding:4px 0 0; position:absolute; left:50%; top:100%; z-index:99; box-shadow:0 0 8px rgba(22,22,22,0.2); transform:translateX(-50%); margin-left:-4px;}
ul.nav li p.sub a{ line-height:22px; color:#666; font-size:14px; font-weight:normal; padding:10px 8px; background:none;}
ul.nav li p.sub a::after{ display:none;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; background:#c9051b; background:#222e56;}

/*banner*/
.banner{ height:516px; background-size:cover !important;}

/*底部*/
.footer{ background:#1a35a6;}
.footer .foot{ width:1260px; margin:0 auto; overflow:hidden;}
.footer .code{ line-height:1; color:#fff; font-size:12px; text-align:center; float:right; padding:26px 0 0;}
.footer .code img{ display:block; height:92px; border-radius:5px; margin:0 auto 16px;}
.footer .copyright{ display:block; line-height:32px; color:#fff; font-size:14px; overflow:hidden; padding:40px 0;}
.footer .copyright a:hover{ text-decoration:underline;}

a.mailbox{ display:block; position:fixed; right:0; top:39%; z-index:999;}
a.mailbox img{ display:block;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png); position:fixed; right:20px; bottom:58px; cursor:pointer; text-indent:-9999px; opacity:0.7; filter:Alpha(opacity=70);}
.backToTop:hover{ opacity:0.9; filter:Alpha(opacity=90);}

/*主体样式*/
.main{ width:1260px; margin:0 auto; position:relative;}
.main::after{ content:''; display:block; width:269px; height:100%; background:#f4f5f6; border-left:1px solid #1a35a6; position:absolute; left:0; top:0; z-index:1;}

.main p.position{ line-height:66px; color:#999; font-size:14px; text-align:right; padding:14px 0 0; border-bottom:2px solid #f7f7f7;}
.main p.position span{ display:block; color:#1a35a6; font-size:24px; float:left;}
.main p.position em.home{ background:url(../images/common/home.png) left center no-repeat; padding-left:24px;}
.main p.position a{ color:#999;}
.main p.position a:hover{ color:#c9051b;}

/*左侧样式*/
.leftCon{ width:269px; background:#f4f5f6; border-left:1px solid #1a35a6; position:absolute; left:0; top:0; z-index:2;}
.leftCon h2{ display:block; width:222px; height:134px; color:#fff; font-size:16px; font-weight:normal; background:url(../images/common/menu_bg.png) center no-repeat, linear-gradient(-135deg, transparent 43px, #1a35a6 0px) top right; background-size:100% 100%; padding-left:48px; position:absolute; left:-1px; top:-134px;}
.leftCon h2 span{ display:block; line-height:2; font-family:'Trebuchet MS'; padding:1.75em 0 0; opacity:0.7;}
.leftCon h2 em{ display:block; line-height:1.625; font-size:2em;}
.leftCon ul.list{ display:block;}
.leftCon ul.list li{ display:block; border:1px solid #f4f5f6; border-width:1px 0;}
.leftCon ul.list li a{ display:block; line-height:24px; color:#555; font-size:18px; padding:28px 72px 28px 50px; background:url(../images/common/menu_list.png) right 32px center no-repeat; position:relative;}
.leftCon ul.list li a::after{ content:''; display:block; width:72px; height:100%; background:#f4f5f6 url(../images/common/menu_list.png) center no-repeat; transform:rotate(90deg); position:absolute; right:0; top:0;}
.leftCon ul.list li a:only-child::after{ display:none;}
.leftCon ul.list li:hover,
.leftCon ul.list li.cur{ background:#fff; border-color:#e9edf1;}
.leftCon ul.list li a:hover,
.leftCon ul.list li.cur a{ color:#c9051b; background-image:url(../images/common/menu_cur.png);}
.leftCon ul.list li a:hover::before,
.leftCon ul.list li.cur a::before{ content:''; display:block; width:5px; height:38px; background:#c9051b; position:absolute; left:-3px; top:50%; margin-top:-19px;}
.leftCon ul.list li:hover a::after,
.leftCon ul.list li.cur a::after{ background-image:url(../images/common/menu_cur.png); background-color:#fff;}
.leftCon ul.list li p.sub{ display:none; padding:0 0 28px;}
.leftCon ul.list li:hover p.sub,
.leftCon ul.list li.cur p.sub{ display:block;}
.leftCon ul.list li p.sub a{ line-height:38px; color:#555; font-size:14px; background:url(../images/common/menu_list.png) right 32px center no-repeat; padding:0 0 0 50px;}
.leftCon ul.list li p.sub a::before,
.leftCon ul.list li p.sub a::after{ display:none;}
.leftCon ul.list li p.sub a:hover,
.leftCon ul.list li p.sub a.cur{ color:#c9051b; background-image:url(../images/common/menu_cur.png);}

/*右侧样式*/
.rightCon{ padding-left:308px;}

/*内容样式*/
.main .attr{ min-height:520px;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; line-height:116px; color:#333; font-size:30px; font-weight:normal; text-align:center; padding:4px 0 0;}
.main .attr h3.title{ display:block; line-height:52px; color:#444; font-size:26px; font-weight:normal; text-align:center; padding:32px 0;}
.main .attr p.mark{ display:block; line-height:40px; color:#1a35a6; font-size:15px; text-align:center; background:#f4f5f6; margin:0 0 32px;}
.main .article{ min-height:280px; line-height:36px; color:#444; font-size:16px; text-align:justify; padding:0 0 40px;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ width:expression(100%?100%) true; max-width:100%; height:auto;}
.main .zhuanye{ padding:0 28px; border:1px solid #f9e6e8;}
.main .zhuanye h4.title{ display:block; width:244px; line-height:34px; color:#c9051b; font-weight:normal; text-align:center; background:#fff; border:1px solid #c9051b; box-shadow:4px 4px 0 #c9051b; margin:-20px auto 0;}
.main .zhuanye p.intro{ color:#1a35a6; text-align:center; padding:12px 0;}

/*文章切换*/
.main .change{ overflow:hidden; padding:24px 0 42px; border-top:1px solid #ddd;}
.main .change p{ display:block; line-height:40px; color:#999; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p a{ color:#999;}
.main .change p a:hover{ color:#c9051b;}

/*页码样式*/
.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:14px; color:#808080; height:24px; line-height:24px; text-align:center; padding:3px 10px; border:1px solid #c4ced9; margin:0 8px;}
.pages a:hover{ color:#c9051b; border-color:#c9051b;}
.pages span{ color:#c9051b; border-color:#c9051b;}

/*领导列表*/
.main ul.leader{ display:block; overflow:hidden; padding:20px 32px 54px;}
.main ul.leader li{ display:block; line-height:68px; overflow:hidden; border-bottom:1px solid #e9edf1;}
.main ul.leader li a.title{ display:block; width:40%; color:#444; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; margin-right:10%;}
.main ul.leader li a.title::before{ content:''; display:block; width:5px; height:5px; background:#878787; border-radius:50%; float:left; margin:31px 14px 0 12px;}
.main ul.leader li a.title em{ display:block; float:right;}
.main ul.leader li span{ display:block; width:25%; color:#999; font-size:16px; overflow:hidden; float:left;}
.main ul.leader li a.more{ display:block; width:4%; height:68px; background:url(../images/common/menu_list.png) center no-repeat; float:left; margin-left:-5%;}
.main ul.leader li:hover a.title{ color:#c9051b; font-weight:bold;}
.main ul.leader li:hover a.title::before{ background:#c9051b;}
.main ul.leader li:hover a.more{ background-image:url(../images/common/menu_cur.png);}

/*历史沿革*/
.history{ overflow:hidden; position:relative;}
.history .round{ padding:61px; float:left; position:relative; margin:80px 108px 118px 0;}
.history .round::after{ content/:''; display:block; width:50%; height:102%; background:#fff; position:absolute; left:2px; top:-1%; z-index:2;}
.history .chapter-image{ width:274px; height:274px; background:#fff no-repeat; border-radius:50%; background-size:100% 100%; transform:translate3d(7px,0,0); position:relative; z-index:9;}
.history .timeline-container{ width:100%; height:100%; position:absolute; left:0; top:0; transform:rotate(29.2deg); z-index:1;}
.history .ui-timelines{ width:100%; height:100%; position:absolute; top:0; left:0;}
.history .ui-chapter{ position:absolute; top:0; left:0; cursor:pointer; z-index:9;}
.history .ui-chapter span.chapter-point{ display:block; width:8px; height:8px; border-radius:50%; position:absolute; background:#c9051b; border:1px solid #c9051b; box-sizing:border-box; transform:translate(-50%,-50%); transition:0.5s;}
.history .ui-chapter span.chapter-label{ width:74px; height:74px; line-height:74px; color:#c9051b; font-size:20px; text-align:center; background:#fff; border:2px solid #c9051b; border-radius:50%; position:absolute; left:50% !important; top:50% !important; transform:translate3d(-50%,-50%,0) rotate(-29.2deg); transition:0.5s;}
.history .ui-chapter.current-chapter span.chapter-label{ color:#fff; font-weight:bold; background:#c9051b;}
.history .ui-timelines svg{ display:block; width:100%; height:100%; overflow:visible; position:absolute; top:0; left:0;}
.history .ui-timelines svg:first-child circle{stroke-dashoffset:966.552 !important; stroke-dasharray:1885.96, 1895.96 !important;}
.history .intro{ overflow:hidden;}
.history .intro h4.chapter-headline{ display:none;}
.history .intro .chapter-copy{ min-height:516px; border-left:2px solid #f7f7f7; padding:18px 0 60px; margin-left:8px;}
.history .intro .chapter-copy dl{ display:block; padding:24px 0 0 54px;}
.history .intro .chapter-copy dl dt{ display:block; line-height:46px; color:#c9051b; font-size:18px; padding-left:60px; background:url(../images/icons/hist_ico.png) left center no-repeat; margin-left:-63px;}
.history .intro .chapter-copy dl dd{ display:block; line-height:2; color:#555; font-size:15px; padding-left:16px; background:url(../images/icons/hist_dot.png) left top 13px no-repeat;}

/*大事记列表*/
.main ul.events{ display:block; padding:36px 0 44px; border-left:2px solid #f7f7f7; margin:0 0 0 54px;}
.main ul.events li{ display:block; line-height:52px;}
.main ul.events li::before{ content:''; display:block; width:35px; height:1px; background:#1a35a6; padding:5px 0; background-clip:content-box; border-left:4px solid #1a35a6; float:left; margin:21px 0 0 -3px;}
.main ul.events li a{ display:block; color:#444; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.events li a::before{ content:''; display:block; width:5px; height:5px; border:3px solid #1a35a6; float:left; margin:21px 20px 0 0;}
.main ul.events li:hover::before{ background-color:#c9051b; border-color:#c9051b;}
.main ul.events li:hover a{ color:#c9051b; font-weight:bold;}
.main ul.events li:hover a::before{ border-color:#c9051b;}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden; padding:8px 0 56px;}
.main ul.newsList li{ display:block; overflow:hidden; padding:26px 2px; border:1px solid #e7e7e7; cursor:pointer; border-width:1px 0; margin-top:-1px;}
.main ul.newsList li:first-child{ border-top:0; margin-top:0;}
.main ul.newsList li a.title{ display:block; line-height:26px; color:#444; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a.more{ display:block; line-height:26px; color:#c9051b; font-size:14px; float:right; margin-left:2em;}
.main ul.newsList li .txt{ height:48px; line-height:24px; color:#999; font-size:13px; padding:14px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li:hover{ border-color:#c9051b; position:relative; z-index:2;}
.main ul.newsList li:hover a.title{ color:#c9051b;}

/*文字列表*/
.main ul.List{ display:block; overflow:hidden; padding:20px 0 56px;}
.main ul.List li{ display:block; overflow:hidden; padding:0 2px; border-bottom:1px dashed #ddd;}
.main ul.List li span{ display:block; line-height:58px; color:#999; font-size:15px; float:right; margin-left:28px;}
.main ul.List li a{ display:block; line-height:58px; color:#444; font-size:15px; padding-left:18px; background:url(../images/icons/dot.png) left center no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.List li a:hover{ color:#c9051b; background-image:url(../images/icons/dot_cur.png);}

/*教师列表*/
.main .cate{ background:#f4f5f7; padding:8px 22px;}
.main .cate dl{ display:block; padding:18px 0; border-top:1px solid #e9edf1;}
.main .cate dl:first-child{ border-top:0;}
.main .cate dl dt{ display:block; width:8em; line-height:36px; color:#1a35a6; font-size:14px; font-weight:bold; text-align:right; float:left;}
.main .cate dl dd{ display:block; overflow:hidden;}
.main .cate dl dd a{ display:block; line-height:36px; color:#444; font-size:14px; padding:0 12px; float:left; margin-right:26px;}
.main .cate dl dd a:hover,
.main .cate dl dd a.cur{ color:#c9051b;}
.main ul.teacher{ display:block; overflow:hidden; padding:12px 0 32px;}
.main ul.teacher li{ display:block; width:440px; overflow:hidden; padding:26px 0; float:left;}
/*.main ul.teacher li:nth-child(even){ float:right;}*/
.main ul.teacher li a.pic{ display:block; float:left; margin-right:30px;}
.main ul.teacher li a.pic img{ display:block; width:146px; height:208px; object-fit:contain; border:1px solid #eee;}
.main ul.teacher li a.title{ display:block; line-height:36px; color:#1a35a6; font-size:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:6px 0 0;}
.main ul.teacher li a.title:hover{ color:#c9051b;}
.main ul.teacher li span{ display:block; line-height:30px; color:#555; font-size:16px; overflow:hidden; padding:10px 0 0;}
.main ul.teacher li p{ height:52px; line-height:26px; color:#555; font-size:14px; overflow:hidden; padding:0 0 35px; border-bottom:1px solid #e9edf1;}
.main ul.teacher li a.more{ display:block; line-height:32px; color:#c9051b; font-size:14px; overflow:hidden; margin:5px 0 0;}

/*教师详情*/
.main .teachinfo{ background:#f4f5f6; padding:28px; overflow:hidden; margin:20px 0 0;}
.main .teachinfo a.pic{ display:block; float:left; margin-right:30px;}
.main .teachinfo a.pic img{ display:block; width:148px; height:206px; object-fit:cover;}
.main .teachinfo a.title{ display:block; line-height:38px; color:#1a35a6; font-size:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .teachinfo span{ display:block; line-height:36px; color:#c9051b; font-size:16px; overflow:hidden;}
.main .teachinfo p{ height:90px; line-height:30px; color:#555; font-size:14px; overflow:hidden; padding:14px 0 0; border-top:1px solid #e9edf1; margin:16px 0 0;}
.main dl.teachintro{ display:block; overflow:hidden; padding:0 0 52px;}
.main dl.teachintro dt{ display:block; padding:16px 0; margin:18px 0 0;}
.main dl.teachintro dt em{ display:block; line-height:20px; color:#333; font-size:16px; font-weight:bold; padding:0 14px; border-left:4px solid #1a35a6;}
.main dl.teachintro dd{ display:block; line-height:26px; color:#555; font-size:14px;}

/*媒体列表*/
.main ul.mediaList{ display:block; overflow:hidden; padding:4px 0 60px;}
.main ul.mediaList li{ display:block; overflow:hidden; padding:34px 0 0;}
.main ul.mediaList li a.pic{ display:block; float:left; margin-right:34px;}
.main ul.mediaList li a.pic img{ display:block; width:272px; height:168px; object-fit:cover;border: 1px solid #f7f7f7;}
.main ul.mediaList li a.title{ display:block; line-height:44px; color:#444; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.mediaList li a.title:hover{ color:#c9051b;}
.main ul.mediaList li span{ display:block; line-height:32px; color:#c9051b; font-size:14px; overflow:hidden; padding:10px 0 0;}
.main ul.mediaList li .txt{ height:72px; line-height:24px; color:#999; font-size:14px; padding:8px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}

/*资料列表*/
.main ul.download{ display:block; padding:16px 0 44px;}
.main ul.download li{ display:block; line-height:58px; overflow:hidden; border:1px solid #fff; border-left-width:6px; box-shadow:0 0 20px rgba(0,0,0,0.1); margin:16px 0;}
.main ul.download li a{ display:block; max-width:69%; color:#444; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:54px; position:relative; box-sizing:border-box; float:left;}
.main ul.download li.hot a::before{ content:''; display:block; width:14px; height:58px; background:url(../images/common/hot.png) center no-repeat; float:right; margin:0 0 0 10px;}
.main ul.download li a::after{ content:''; display:block; width:50px; height:58px; position:absolute; left:4px; top:0;}
.main ul.download li a.word::after{ background:url(../images/icons/ico_word.png) center no-repeat;}
.main ul.download li a.excel::after{ background:url(../images/icons/ico_excel.png) center no-repeat;}
.main ul.download li a.pdf::after{ background:url(../images/icons/ico_pdf.png) center no-repeat;}
.main ul.download li a.rar::after{ background:url(../images/icons/ico_rar.png) center no-repeat;}
.main ul.download li span{ display:block; width:19%; color:#999; font-size:14px; overflow:hidden; float:right;}
.main ul.download li span:first-child{ width:12%;}
.main ul.download li:hover{ border-color:#c9051b;}
.main ul.download li:hover a{ color:#c9051b;}

/*图片列表*/
.ban{ position:relative; overflow:hidden; margin:46px 0 72px;}
.ban .ban_pic{ height:368px; position:relative; overflow:hidden;}
.ban .ban_pic ul{ width:8000%; height:368px !important; position:absolute; left:0; top:0;}
.ban .ban_pic ul li{ width:952px; background:#1a35a6; overflow:hidden; float:left;}
.ban .ban_pic ul li a.pic{ display:block; float:left; margin-right:30px;}
.ban .ban_pic ul li a.pic img{ display:block; width:640px; height:368px;}
.ban .ban_pic ul li a.title{ display:block; height:4em; line-height:2; color:#fff; font-size:18px; font-weight:bold; margin:46px 30px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.ban .ban_pic ul li span{ display:block; line-height:84px; color:rgba(255,255,255,0.5); font-size:14px; overflow:hidden; padding:0 30px 0 0;}
.ban .ban_pic ul li .txt{ height:78px; line-height:26px; color:rgba(255,255,255,0.5); font-size:14px; padding:24px 30px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.ban .ban_pic .prev,
.ban .ban_pic .next{ display:block; width:24px; height:28px; cursor:pointer; position:absolute; left:670px; top:306px; z-index:9;}
.ban .ban_pic .prev{ background:url(../images/common/prev.png) center no-repeat;}
.ban .ban_pic .next{ background:url(../images/common/next.png) center no-repeat; margin-left:24px;}
.min_pic{ padding:32px 0 0;}
.min_pic .num{ height:98px; overflow:hidden; position:relative; margin:0 -12px;}
.min_pic .num ul{ position:absolute; left:0; top:0;}
.min_pic .num ul li{ width:171px; position:relative; margin:0 12px;}
.min_pic .num ul li img{ display:block; width:100%; height:98px; background:#1a35a6; box-sizing:border-box; cursor:pointer;}
.min_pic .num ul li.on::after{ content:''; display:block; width:100%; height:100%; box-sizing:border-box; border:2px solid #1a35a6; position:absolute; left:0; top:0;}
.min_pic .prev_btn,
.min_pic .next_btn{ display:none;}

@media only screen and (min-width:1441px){
.header .head,
.footer .foot,
.main{ width:1400px;}
.main ul.leader li a.title{ width:44%;}
.main ul.leader li span{ width:23%;}

.ban .ban_pic ul li{ width:1092px;}
}

@media only screen and (min-width:1590px){
.header .head,
.footer .foot,
.main{ width:80vw;}
.main ul.leader li a.title{ width:46%;}
.main ul.leader li span{ width:22%;}

.ban .ban_pic ul li{ width:calc(80vw - 308px);}
}








/**/