@charset "utf-8";
/* CSS Document */
*::selection{background:#224d6f; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
body{font-size:16px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#fff; min-width:1260px;_width:1260px; margin:0 auto;}
a{text-decoration:none; -webkit-transition:all 0.3s; transition:all 0.3s; color:#000;}
a:hover{color:#f60; text-decoration:none;}
input,select,textarea{outline:0;}
video{vertical-align:top;}

/*去掉图形热点的点击时出现的边线*/
img{border:0; max-width:100%; vertical-align:top;}
ul,li{list-style-type:none;}
.clear{clear:both; height:0;}
table,table td{border-collapse:collapse;}


@font-face{font-family:"华文中宋"; src:url("STZHONGS.TTF") format("truetype");}

/* flex布局 */
.flexColumn{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.flexRow{display:flex; align-items:center; justify-content:center;}
.flex{flex:1;}

.animate{-webkit-transition:all 0.3s; transition:all 0.3s;}
.unselectable{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nowrap{overflow:hidden;white-space:nowrap;}
.clamp2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.clamp3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.clamp4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.justify{text-justify:inter-ideograph; text-align:justify;}
.undecoration, .undecoration:hover{text-decoration:none !important;}
.hide{display:none;}
.bgImg{display:block; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all 0.8s; transition:all 0.8s;}
.bgImg2{display:block; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
a:hover .bgImg{-webkit-transform:scale(1.05); transform:scale(1.05);}


.w1260{width:1260px; margin:0 auto;}
.w1260:after{display:block; content:""; clear:both;}


/* 头部 */
.head{width:100%; height:180px; background:url(headBg.jpg) no-repeat center center / cover;position:relative;}
.head .logo{display:flex; align-items:center; height:180px;}

/* 搜索 */
.search{width:232px; height:38px; background:#fefefb; border:#cbcbcb 1px solid; padding:0 10px 0 16px; border-radius:40px; overflow:hidden;}
.search .keyValue{width:calc(100% - 38px); height:38px; line-height:38px; background:none; border:0; margin:0; float:left; font-size:16px; color:#333;}
.search .keyValue::placeholder{color:#aaa; font-size:16px;}
.search .submitBtn{display:block; width:38px; height:38px; background:url(iSearch.png) no-repeat center center; cursor:pointer; border:0; padding:0; margin:0; float:left;}

.language{position:absolute; top:0; right:20px; white-space:nowrap; height:38px; line-height:38px;}
.language a{color:#afafb0; position:relative; margin-right:31px;}
.language a:after{display:block; content:""; width:1px; height:14px; background:#e0e0df; position:absolute; right:-15px; top:50%; transform:translateY(-50%);}
.language a:last-of-type{margin-right:0;}
.language a:last-of-type:after{display:none;}
.language a:hover{color:#164670;}


/* 导航菜单 */
.menuWrap{width:100%; height:50px; background:#164670; position:relative; z-index:10;}
#menu{display:flex;}
#menu li{position:relative; text-align:center;}
#menu > li{flex:1; height:50px;}
#menu > li > a{display:block; height:50px; line-height:50px; font-size:17px; color:#fff;}

/*这是第二级菜单*/
#menu ul{min-width:100%; background-color:#fff; position:absolute; z-index:999; left:0; top:50px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; margin:20px 0 0 0; opacity:0; visibility:hidden; box-shadow:1px 3px 5px rgba(0,0,0,.2);}
#menu ul li a{display:block; padding:10px; line-height:24px; font-size:15px; color:#3a546b; border-bottom:#e5e5e5 1px solid; white-space:nowrap;}
#menu ul li:last-of-type > a{border-bottom:0;}

/**若子级菜单含有子级时，在a标签增加<i>标签作为箭头，由js实现动态增加，箭头大小调节i的边框宽度*/
#menu ul i{display:block; position:absolute; top:calc(50% - 4px); right:2px; z-index:10; width:0; height:0; border-color:transparent; border-width:4px; border-style:solid; border-left:4px #3a546b solid; transition:all 0.3s;}

/*这是第三级菜单 及以后*/
#menu ul ul{top:0; left:100%; width:100%; border-left:2px solid #224d6f; margin:0 0 0 20px;}
#menu ul ul li a{font-size:13px;}

#menu li:hover > a:hover{background-color:#224d6f; color:#fff;}
#menu li:hover > i{border-left-color:#fff;}
#menu li:hover > a{background-color:#1f5c91; color:#fff;}
#menu li:hover > ul{opacity:1; visibility:visible; margin:0;}
#menu li:hover > ul li:hover > a{background-color:#224d6f; color:#fff;}


/* 图片轮播 */
.banner{width:100%; margin:0 auto; position:relative; z-index:0;}
.banner .swiper-slide{display:flex; justify-content:center; align-items:center;}
.banner .swiper-slide a{display:block; width:100%; height:100%; position:relative;}
.banner .swiper-slide img{display:block; width:100%;}
.banner .swiper-pagination-bullets{bottom:20px !important; height:12px; font-size:0;}
.banner .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; vertical-align:top; background:rgba(255,255,255,0); border:#fff 1px solid; border-radius:20px; opacity:1; margin:0 5px!important; -webkit-transition:all 0.3s; transition:all 0.3s;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#fff;}
.banner .swiper-button-prev, .banner .swiper-button-next{width:60px; height:60px; background-color:rgba(0,0,0,0.24); background-repeat:no-repeat; background-position:center center; -webkit-border-radius:6px; border-radius:6px;}
.banner .swiper-button-prev{background-image:url(l1.png); left:4%;}
.banner .swiper-button-next{background-image:url(r1.png); right:4%;}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{display:none;}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{background-color:rgba(0,0,0,0.4);}

.news{padding:30px 0; display:flex;}

.indH{height:36px; line-height:36px; font-weight:normal; display:flex; align-items:center;}
.indH img{height:22px; margin-right:10px;}
.indH p{flex:1; color:#0c2d4a; font-weight:bold;}
.indH a{color:#808080; font-size:12px; padding-right:15px; background:url(m1.png) no-repeat right center; display:block; height:36px;}
.indH a:hover{color:#f60; background-image:url(m2.png);}

/* 普通新闻列表 */
.newsList li{border-bottom:#dfdfdf 1px dashed;}
.newsList li a{display:flex; align-items:center; height:45px; line-height:45px; padding-left:16px; background:url(a01.png) no-repeat left center; overflow:hidden;}
.newsList li h3{flex:1; height:45px; font-size:16px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.3s;}
.newsList li p{color:#999; padding-left:20px;}
.newsList li a:hover{background-image:url(a02.png);}

.newsItem{flex:1; max-width:594px; margin-left:72px;}
.newsItem:first-of-type{margin-left:0;}


.F1{padding:30px 0 60px;}
.xywh{height:514px; overflow:hidden; padding-right:70px;}
.xywh ul{height:466px; padding-top:12px; overflow:hidden;}
.xywh li{height:223px; padding-bottom:20px; overflow:hidden;}
.xywh li:last-of-type{padding-bottom:0;}
.xywh li a{height:223px; position:relative; overflow:hidden; display:block;}
.xywh li p{height:223px;}
.xywh li video{background:#000; object-fit:cover;}
.xywh h3{width:100%; height:80px; font-size:16px; font-weight:normal; color:#fff; position:absolute; left:0; bottom:0; background:linear-gradient(180deg,rgba(34,77,111,0),#224d6f 80%); display:flex; align-items:flex-end; justify-content:center; overflow:hidden;}
.xywh h3 span{display:block; height:40px; line-height:40px; padding:0 15px; position:relative; z-index:1;}

.xywh li a:hover .txt{box-shadow:2px 3px 12px rgba(0,0,0,.2);}
.xywh li a:hover .txt h3{color:#f60;}

.link{width:276px; height:514px;}
.link ul{padding-top:12px; height:466px; overflow:hidden;}
.link li{height:58px; padding-bottom:10px;}
.link li a{height:58px; border-radius:8px; background-repeat:no-repeat; background-position:center center; background-size:cover; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#fff; text-shadow:1px 1px 0 #577b97;}
.link li h3{flex:1; padding:0 15px; height:24px; line-height:24px; text-align:center; font-size:17px; font-weight:normal;}
.link li:nth-of-type(1) a{background-image:url(plBg1.jpg);}
.link li:nth-of-type(2) a{background-image:url(plBg2.jpg);}
.link li:nth-of-type(3) a{background-image:url(plBg3.jpg);}
.link li:nth-of-type(4) a{background-image:url(plBg4.jpg);}
.link li:nth-of-type(5) a{background-image:url(plBg5.jpg);}
.link li:nth-of-type(6) a{background-image:url(plBg6.jpg);}
.link li:nth-of-type(7) a{background-image:url(plBg7.jpg);}

.xyfg{width:276px; height:514px;}
.xyfgCon{width:100%; height:466px; margin-top:12px;}
.xyfg .swiper-slide{display:flex; justify-content:center; align-items:center; height:100%;}
.xyfg .swiper-slide a{display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.xyfg .swiper-slide h3{width:100%; height:80px; font-size:16px; font-weight:normal; color:#fff; position:absolute; left:0; bottom:0; background:linear-gradient(180deg,rgba(34,77,111,0),#224d6f 80%); display:flex; align-items:flex-end; overflow:hidden;}
.xyfg .swiper-slide h3 span{display:block; height:40px; line-height:40px; padding:0 100px 0 15px; position:relative; z-index:1;}
.xyfg .swiper-pagination-bullets{bottom:15px !important; height:10px; font-size:0; width:auto; left:auto; right:15px;}
.xyfg .swiper-pagination-bullet{width:8px; height:8px; display:inline-block; vertical-align:top; background:rgba(255,255,255,0); border:#fff 1px solid; border-radius:20px; opacity:1; margin:0 0 0 5px!important; transition:all 0.3s;}
.xyfg .swiper-pagination-bullet-active{opacity:1; background:#fff;}


.foot{background:#164670;}
.foot .w1260{align-items:flex-start;}
.foot .fMenu{padding:30px 60px; border-right:#455d71 1px solid; font-size:14px; color:#fff; height:179px;overflow:hidden;}
.foot .fMenu:first-of-type{padding-left:0;}
.foot .fContact{padding-right:0; border-right:0; width:240px;}
.foot .fMenu h2{height:35px; line-height:35px; font-size:18px; font-weight:normal; color:#7fabd1;}
.foot .fMenu ul{padding-top:10px;}
.foot .fMenu li{line-height:24px; padding:3px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.foot .fMenu li a{color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.foot .fMenu li a:hover{text-decoration:underline;}

.copy{line-height:40px; text-align:center; font-size:14px; color:#deecf8; border-top:#455d71 1px solid;}
.copy a{color:#deecf8;}
.copy a:hover{color:#fff;}
.copy a img{vertical-align:text-bottom; margin-right:3px; height:18px;width:18px}
.copy span{padding-left:1em;}


#goHeadBtn{display:block; width:50px; height:50px; z-index:999; background:url(goHeadBtn.png) no-repeat; position:fixed; right:20px; bottom:116px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}


.ny{width:1260px; margin:30px auto 50px;}
.ny:after{display:block; content:""; clear:both;}

.left{width:270px; background:#f5f5f5; float:left; position:relative;}
.left h2{line-height:30px; font-size:20px; text-align:center; background:#224d6f; color:#fff; font-weight:normal; padding:10px 20px;}
.left ul{padding:5px 0 5px 5px;}
.left ul li a{display:block; line-height:24px; padding:10px 34px 10px 15px; position:relative; border-radius:3px 0 0 3px;}
.left ul li a:after{display:block; content:""; position:absolute; top:calc(50% - 4px); right:8px; z-index:1; width:0; height:0; border-color:transparent; border-width:4px; border-style:solid; border-left:4px #808080 solid; -webkit-transition:all 0.3s; transition:all 0.3s;}
.left ul li a:hover{color:#f60;}
.left ul li a:hover:after{border-left-color:#f60;}
.left ul li a.on{background:#fff; color:#224d6f;}
.left ul li a.on:after{border-left-color:#224d6f;}


.hasLeft{margin-left:310px;}
.right:after{display:block; content:""; clear:both;}
.post{height:49px; line-height:49px; font-size:14px; color:#999; border-bottom:1px solid #7b8b97;}
.post p{height:49px; color:#224d6f; font-size:20px; font-weight:normal;}
.post span{line-height:39px; padding-top:10px; color:#999;}
.post span a{color:#999;}
.post span a:hover{color:#dfb164;}
.post ul{height:49px; font-size:20px; display:flex;}
.post ul li{height:49px; margin-right:30px; position:relative;}
.post ul li:after{display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:0; height:0; border-color:transparent; border-width:6px; border-style:solid; border-bottom:6px #3a546b solid; transition:all 0.3s; content:""; opacity:0;}
.post ul li a{color:#666;}
.post ul li a:hover{color:#f60;}
.post ul li.current:after{opacity:1;}
.post ul li.current a, .post ul li.current a:hover{color:#224d6f;}


.list01, .article{padding-top:10px;}
.articleTitle{padding:20px 0; line-height:36px; font-size:24px; font-weight:600; text-align:center;}
.articleInfo{font-size:14px; height:36px; line-height:36px; background:#f5f5f5; color:#666; text-align:center; margin:0 auto;}
.articleInfo p{display:inline-block;}
.articleInfo label{padding-left:30px;}
.articleCon{line-height:2.2; padding-top:15px; text-justify:inter-ideograph; text-align:justify; font-family:"宋体";}
.articleCon img{max-width:100%; height:auto !important; margin:0 auto;}
.articleCon table{line-height:1.875; margin:0 auto !important;}
.articleCon .tableBox{overflow:auto; margin-top:0 !important;}

.picList01{font-size:0;}
.picList01 .picList>li{display:inline-block; vertical-align:top; width:calc(25% - 18px); padding:20px 24px 0 0;}
.picList01 .picList>li:nth-of-type(4n){padding-right:0;}
.picList01 .picList>li a p{overflow:hidden; height:0; padding-top:168.84%; position:relative;}
.picList01 .picList>li a p i{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0;}
.picList01 .picList>li a h3{height:30px; line-height:30px; text-align:center; font-size:15px; font-weight:normal;}
.picList01 .picList>li a:hover p i{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}

/*
.teacher{padding-top:30px;}
.teacherTitle{text-align:center; font-size:26px; font-weight:bold; padding-bottom:20px;}
.teacherList01 h2{padding-bottom:10px; font-size:16px;}
.teacherList{display:flex; flex-wrap:wrap; padding-bottom:25px; overflow:hidden;}
.teacherList li{width:calc(14.2857% - 18px); padding:10px 21px 0 0; font-family:"宋体";}
.teacherList li:nth-of-type(7n){padding-right:0;}
.teacherList li a{display:block; height:35px; line-height:35px; text-align:center; font-size:14px; color:#333; background:radial-gradient(ellipse at center, rgba(238, 238, 238, 0.3), rgba(200, 230, 250, 0.3)); backdrop-filter:blur(2px); border-radius:3px;}
.teacherList li a:hover{color:#f60; background:radial-gradient(ellipse at center, rgba(238, 238, 238, 0.4) 0%, rgba(255, 200, 100, 0.4) 80%);}
.liBg1 li a{background:radial-gradient(ellipse at center, rgba(238, 238, 238, 0.3), #edf6fd 90%);}
.liBg2 li a{background:radial-gradient(ellipse at center, rgba(238, 238, 238, 0.3), #ddf1fa 90%);}
.liBg3 li a{background:radial-gradient(ellipse at center, rgba(238, 238, 238, 0.3), #cee4ed 90%);}
*/

.teacher{padding-top:30px;}
.teacherTitle{text-align:center; font-size:26px; font-weight:bold; padding-bottom:20px;}
.teacherList01 h2{padding-bottom:10px; font-size:16px;}
.teacherList{display:flex; flex-wrap:wrap; padding-bottom:25px; overflow:hidden;}
.teacherList li{width:calc(10% - 18px); padding:0 20px 20px 0; font-family:"宋体";}
.teacherList li:nth-of-type(10n){padding-right:0;}
.teacherList li a{font-size:14px; color:#333;}
.teacherList li a:hover{color:#f60;}

.kyjgList .teacherList{padding-top:10px;}
.kyjgList .teacherList li{width:calc(33.3333% - 20px); padding:0 30px 25px 0;}
.kyjgList .teacherList li:nth-of-type(10n){padding-right:30px;}
.kyjgList .teacherList li:nth-of-type(3n){padding-right:0;}