@charset "utf-8";

html{font-size:625%; /*100 ÷ 16 × 100% = 625%*/}

body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, hr, pre, code, form, fieldset, legend, button, input, textarea, p, blockquote, table, th, td{margin:0; padding:0}
body{font:normal 100% "微软雅黑", "Microsoft YaHei", "宋体", Arial, Tahoma, Helvetica, sans-serif;
       /* -webkit-filter: grayscale(100%); 
		  filter: grayscale(100%);*/}
button, input, textarea, select{font-size:inherit; font-weight:inherit; border:0; outline:0; resize:none}
ul, ol, li{list-style:none}
fieldset, img{border:0}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
a{text-decoration:none; color:#555}
input, textarea{outline-style:none}
:root{
	--header_height: 1rem;    /* 网页头部高度 */
	--i_padding: .2rem;    /* 网页左右边距 */
	--i_color: #0661a1;    /* 全局颜色 */
	--f_fixed_h: 1rem;    /* 网页底部固定栏高度 */
}
/* 输入框内文字 */
input::-webkit-input-placeholder{font-family:微软雅黑, Microsoft YaHei; color:#848484; font-size:12px}
input::-moz-placeholder{font-family:微软雅黑, Microsoft YaHei; color:#848484; font-size:12px   /* Mozilla Firefox 19+ */}
input:-moz-placeholder{font-family:微软雅黑, Microsoft YaHei; color:#848484; font-size:12px    /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{font-family:微软雅黑, Microsoft YaHei; color:#848484; font-size:12px  /* Internet Explorer 10-11 */}
/*滚动条*/
::-webkit-scrollbar{width:8px; height:8px}
::-webkit-scrollbar-thumb{border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:rgba(0,0,0,0.1)}
/* 复制选中 */ 
::selection{background:#338FFF; color:#FFF}
::-moz-selection{background:#338FFF; color:#FFF}
::-webkit-selection{background:#338FFF; color:#FFF}

.fl{float:left}
.fr{float:right}
.clear{clear:both}






/* --------------- 头部 --------------- */
header{position:relative; top:0; width:90%; height:var(--header_height); background:var(--i_color); z-index:99}




/* logo */
.top{position:absolute; top:0; left:var(--i_padding); height:var(--header_height); }
.logo{float:left; height:var(--header_height); display:flex; align-items:center}
.logo img{max-width:3rem}




/* 搜索框 */
/* .search{--s_height:.42rem}
.search{margin-left:.35rem}
.search-f{width:3rem; height:var(--s_height); background:#FFF; position:relative; overflow:hidden}
.serach_input{width:78%; height:var(--s_height); line-height:var(--s_height); margin-left:8px; border:0; font-size:.12rem; color:#666}
.search .btn_serach{width:.38rem; height:var(--s_height); border:0; cursor:pointer; background:url(../images/search_ico.png) no-repeat center} */

.d6{position:absolute; top:50%; transform:translate(0,-50%); right:0px}
.d6 form{height:32px}
.d6 input{position:absolute; top:0; right:0; width:0; height:32px; padding-right:32px; border:none; outline:none; background:0 0; font-size:.24rem; color:#FFF; transition:.4s cubic-bezier(0,.8,0,1);  z-index:2}
.d6 input:focus{margin-right:32px; padding:0; width:2.4rem; border-bottom:1px solid #FFF}
.d6 button{height:32px; width:32px; background:url(../images/search_ico2.png) no-repeat center; position:absolute;top:0;right:0;cursor:pointer;}




/* 导航 */
header .menuBtn{width: 50px;height: 50px;display: block;position: absolute;right:5px;top: 0;z-index: 130;}
header .menuBtn span{width: 24px;height: 2px;background: #FFFFFF;border-radius: 3px;position: absolute;left: 13px;top: 23px;z-index: 2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
header .menuBtn span.line1{top: 15px;}
header .menuBtn span.line3{top: 31px;}

header .menuBtn.on span{background: #fff;}
header .menuBtn.on span.line1{top: 23px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
header .menuBtn.on span.line2{opacity: 0;}
header .menuBtn.on span.line3{top: 23px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left; width:100%; height:var(--header_height); position:relative; background:var(--i_color); z-index:98}
a.meanmenu-reveal{
	position:absolute;
	right:var(--i_padding);
	display:block;
	padding:0 var(--i_padding);
	width:22px;
	height:var(--header_height);
	line-height:var(--header_height);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
	}
a.meanmenu-reveal span{display:block; background:#FFF; height:3px; margin-top:5px}
a.meanmenu-reveal span:first-child{margin-top:.36rem}

.mean-nav{float:left; width:100%; background:var(--i_color); margin-top:var(--header_height)}

/* 一级导航 */
.mean-nav ul{padding:0; margin:0; width:100%; list-style-type:none}
.mean-nav li{position:relative; float:left; width:100%}
.mean-nav li a{
	display:block;
	float:left;
	width:100%;
	height:.8rem;
	padding-left:var(--i_padding);
	line-height:.8rem;
	font-size:.26rem;
	margin:0;
	text-align:left;
	color:#FFF;
	box-sizing:border-box;
	border-top:1px solid rgba(255,255,255,.3);
	text-decoration:none;
	text-transform:uppercase;
	}

/* 二级导航 */
.mean-nav li li a{height:.6rem; line-height:.6rem; padding-left:.4rem; font-size:.23rem; opacity:.8; filter:alpha(opacity=80); border-top:1px solid rgba(255,255,255,.1); visibility:visible}
	
/* 二级菜单展开 +号 */
.mean-nav li a.mean-expand{
	position:absolute;
	right:0;
	top:0;
	padding:0 var(--i_padding);
	width:.8rem;
	text-align:center;
	z-index:2;
	font-weight:bold;
	background:rgba(255,255,255,.1);
	border:none;
	}
.mean-nav li a.mean-expand:hover{background:rgba(0,0,0,.3)}

header nav{display:none; text-align:center; background:#efefef}
header nav li a{font-size:0}






/* --------------- banner --------------- */
.slider{position:relative; width:100%; overflow:hidden}
.slides{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}
.slide{display:block; text-align:center; float:left; overflow:hidden}
.slide img{display:block; width:100%; text-align:center}
.slider-arrows{}
.slider-arrow{position:absolute; display:block; margin-bottom:-20px; width:40px; height:40px; line-height:40px; text-decoration:none; text-align:center; color:#fff; font-size:2em; background-color:#333; background-color:rgba(50,50,50,.3); border-radius:50%}
.slider-arrow--right{bottom:50%; right:30px}
.slider-arrow--left{bottom:50%; left:30px}
.slider-nav{position:absolute; bottom:.25rem}
.slider-nav__item{width:12px; height:12px; float:left; clear:none; display:block; margin:0 3px; background:#FFF; border-radius:100%}
.slider-nav__item:hover, .slider-nav__item--current{background:var(--i_color)}

.banner .swiper-slide img{display:block; width:100%; text-align:center}
.banner .swiper-pagination span{width:12px;height:12px;}



/* --------------- 通知公告 --------------- */
.tz_gd{--tz_height:.65rem}
.tz_gd{padding:0 var(--i_padding); height:var(--tz_height); background:#F2F2F2; overflow:hidden}

.tz_gd h1{float:left; width:20%; font-size:.28rem; font-weight:bold; line-height:var(--tz_height); color:var(--i_color)}

.tz_gd ul{width:80%; float:left}
.tz_gd li{overflow:hidden}
.tz_gd li a{display:block; float:left; width:72%; height:var(--tz_height); line-height:var(--tz_height); font-size:.24rem; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tz_gd li i{float:right; line-height:var(--tz_height); font-size:.22rem; color:#555}






/* --------------- main --------------- */
main{overflow:hidden}






/* --------------- 首页 - 新闻切换栏 --------------- */
.i_news{margin:.28rem auto; overflow:hidden}

.i_news_nav_box{--nav_height:.7rem}
.i_news_nav_box{margin-bottom:.26rem; padding:0 var(--i_padding); height:var(--nav_height); background:var(--i_color); overflow:hidden}
#i_news_nav{float:left}
#i_news_nav li{float:left}
#i_news_nav li a{display:block; padding:0 .20rem; font-size:.28rem; color:#FFF; height:var(--nav_height); line-height:var(--nav_height)}
#i_news_nav2{float:left}
#i_news_nav2 li{float:left}
#i_news_nav2 li a{display:block; padding:0 .20rem; font-size:.28rem; color:#FFF; height:var(--nav_height); line-height:var(--nav_height)}

.selected{background:rgba(255,255,255,.3)}

.i_news_more{display:block; float:right; height:var(--nav_height); line-height:var(--nav_height); font-size:.22rem; color:#FFF}

#menu_con{padding:0 var(--i_padding);}
#menu_con dt:first-child{display:block}
.tag{display:none}

.i_news_show{overflow:hidden}
.news_img{overflow:hidden; margin-bottom:.2rem; padding-bottom:.24rem; border-bottom:1px dashed #DDD}
.news_img img{float:left; width:34%; height:1.75rem; object-fit:cover}
.news_xx{float:right; width:61%}
.news_xx h1{font-size:.26rem; color:#353535; line-height:.36rem}
.news_xx p{font-size:.18rem; color:#888; margin:.12rem 0}
.news_xx span{font-size:.18rem; color:#727272; line-height:.28rem}
.news_xx h1, .news_xx span{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

.i_news_list{overflow:hidden}
.i_news_list li{overflow:hidden; border-bottom:1px dashed #DDD}
.i_news_list a{float:left; padding-left:15px; max-width:78%; font-size:.26rem; color:#484848; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_list a:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:#005097}
.i_news_list i{float:right; font-size:.18rem; color:#666}
.i_news_list a, .i_news_list i{line-height:.55rem}

.news_xx h1:hover, .i_news_list a:hover{color:#005097}






/* --------------- 师生风采 --------------- */
.i_ssfc_list{overflow:hidden; margin-bottom:.2rem; padding:0 var(--i_padding)}
.i_ssfc_list li{--li_height:1.4rem}
.i_ssfc_list li{margin-bottom:.28rem; overflow:hidden}

.i_ssfc_img{float:left; width:28%; height:var(--li_height); overflow:hidden}
.i_ssfc_img img{width:100%; height:100%; object-fit:cover}

.i_ssfc_cont{float:right; width:72%; height:var(--li_height); display:flex; align-items:center; background:#F0F0F0}
.i_ssfc_t{width:calc(100% - .4rem); padding:0 .2rem}
.i_ssfc_t h1{max-width:100%; font-size:.26rem; color:#353535; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_ssfc_t p{font-size:.2rem; color:#888; margin:.12rem 0}
.i_ssfc_t span{display:block; width:100%; font-size:.2rem; color:#727272; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}






/* --------------- footer --------------- */
footer{padding:.4rem var(--i_padding) calc(var(--f_fixed_h) + .4rem); background:rgba(0,0,0,.07); position:relative}
footer:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:var(--f_fixed_h); background:#FFF}

.footer_ico{}

.f_logo{width:40%}
.f_logo img{width:100%}

.f_link_list{width:52%}

.f_link_list li{--ico_size:25px; --ico_wz:-25px}  /* 图标尺寸大小 */
.f_link_list li{float:left; width:25%; text-align:center; cursor:pointer; position:relative}
.f_link_list li:nth-child(1){margin-left:0}

.f_link_list li em{display:block; margin:0 auto; width:var(--ico_size); height:var(--ico_size); background:url(../images/f_link_ico.png) no-repeat; background-size:var(--ico_size); position:relative}
.f_link_list li:nth-child(1) em{background-position:0 0}
.f_link_list li:nth-child(2) em{background-position-x:0; background-position-y:var(--ico_wz)}
.f_link_list li:nth-child(3) em{background-position-x:0; background-position-y:calc(var(--ico_wz) * 2)}
.f_link_list li:nth-child(4) em{background-position-x:0; background-position-y:calc(var(--ico_wz) * 3)}

.f_link_list li p{font-size:.12rem; color:#7f7f7f; margin-top:10px}
.f_qr_box{opacity:0; position:absolute; right:100%; top:50%; transform:translate(0,-50%); bottom:61px; width:0; height:100px}
.qq_qr{background:url(../images/qq_qr.png) no-repeat; background-size:cover}
.wx_qr{background:url(../images/wx_qr.png) no-repeat; background-size:cover}

.f_link_list li:hover{background:rgba(0,0,0,.08)}
.f_link_list li:hover em{transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg)}
.f_link_list li em{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}
.f_link_list li:hover .f_qr_box{opacity:1; width:100px}
.f_qr_box, .f_qr_box img{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease}

.f_info{margin-top:.32rem}
.f_info p{text-align:center; font-size:.24rem; color:#6f6f6f; line-height:.34rem}






/* 底部固定栏 */
.f_fixed{--f_ico_size:.35rem; --f_ico_wz:-.35rem}  /* 图标尺寸大小 */
.f_fixed{width:100%; background:var(--i_color); overflow:hidden; position:fixed; left:0; bottom:0; z-index:99999}
.f_fixed li{float:left; width:25%; position:relative}
.f_fixed li:before{content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:rgba(255,255,255,.1)}
.f_fixed li:last-child:before{display:none}
.f_fixed a{display:flex; justify-content:center; align-items:center}
.f_fixed, .f_fixed a{height:var(--f_fixed_h)}
.f_fixed p{font-size:.22rem; color:#FFF}

.f_fixed em{display:block; margin:0 auto .08rem; width:var(--f_ico_size); height:var(--f_ico_size); background:url(../images/f_fixed_ico.png) no-repeat; background-size:var(--f_ico_size)}

.f_fixed li:nth-child(1) em{background-position:0 0}
.f_fixed li:nth-child(2) em{background-position-x:0; background-position-y:var(--f_ico_wz)}
.f_fixed li:nth-child(3) em{background-position-x:0; background-position-y:calc(var(--f_ico_wz) * 2)}
.f_fixed li:nth-child(4) em{background-position-x:0; background-position-y:calc(var(--f_ico_wz) * 3)}










/* 内页 */

/* 内页导航 */
.ny_nav{overflow:hidden; padding:.2rem var(--i_padding) .4rem}
.ny_nav li{float:left; width:32%; margin:0 2% .1rem 0; text-align:center}
.ny_nav li:nth-child(3n){margin-right:0}
.ny_nav li a{display:block; height:.6rem; line-height:.6rem; font-size:.24rem; color:#555; background:rgba(0,0,0,.1)}

.ny_nav_on{background:var(--i_color)!important; color:#FFF!important}




/* 单页 简介页 */
article{padding:0 var(--i_padding); margin-bottom:.8rem; overflow:hidden}
article, article *{font-size:.26rem; line-height:.38rem; color:#666}
article img{display:block; margin:0 auto; max-width:100%; text-align:center}




/* 内页-新闻列表 */
.news_list{padding:0 var(--i_padding); margin-bottom:.4rem; overflow:hidden}
.news_list li{width:100%; overflow:hidden; border-bottom:1px dashed #DDD}
.news_list li:last-child{border-bottom:none}
.news_list a{float:left; padding-left:15px; max-width:76%; font-size:.26rem; color:#484848; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.news_list a:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:#005097}
.news_list i{float:right; font-size:.22rem; color:#666}

.news_list a, .news_list i{line-height:.65rem}



/* 内页-新闻详情页 */
.news_art_tit{overflow:hidden; padding:0 var(--i_padding); text-align:center; margin-bottom:.35rem}
.news_art_tit h1{font-size:.3rem; color:#333; font-weight:bold}
.art_time{font-size:.22rem; color:#777; display:block; line-height:.4rem}
.n_share{overflow:hidden}
.bsBox{margin:0!important; top:50%; left:50%; transform:translate(-50%,-50%)!important; width:80%!important}
.bFind{width:initial!important}
.bsTop, #bsMorePanel{width:100%!important}
#bsLogoList li{width:25%!important}


/* 图片页 */
.ny_img_list{padding:0 var(--i_padding); overflow:hidden}
.ny_img_list li{float:left; width:48.5%; margin:0 3% .3rem 0}
.ny_img_list li:nth-child(2n){margin-right:0}
.ny_img{width:100%; height:2.2rem; overflow:hidden}
.ny_img img{width:100%; height:100%; object-fit:cover}
.ny_img_list p{text-align:center; font-size:.23rem; height:.5rem; line-height:.5rem}




/* 学院领导 详情页 */
.leader_tit{overflow:hidden; padding:0 var(--i_padding); text-align:center; margin-bottom:.35rem}
.leader_tit h1{font-size:.3rem; color:#333; font-weight:bold}
.leader_tit p{padding:.16rem; line-height:.34rem; font-size:.22rem; color:#666; background:rgba(0,0,0,.05); margin:.3rem 0}
.leader_tit img{display:block; margin:0 auto; max-width:100%;}




/* 校园风景 详情页 */
.scenery_tit{overflow:hidden; padding:0 var(--i_padding); text-align:center; margin-bottom:.1rem}
.scenery_tit h1{font-size:.3rem; color:#333; font-weight:bold}

.scenery_art img{display:block; max-width:100%!important; height:initial!important; margin:.3rem auto}




/* 页数 */
.pages{text-align:center; overflow:hidden; margin:.1rem auto .4rem}
.pages dl{display:inline-block}
.pages dt, .pages dd{float:left}

.pages dt{font-size:.24rem; color:#777; margin-right:.12rem}
.pages dt b{font-size:.24rem; color:#777}
.pages dd{margin:0 .12rem}
.pages dd a{font-size:.24rem; color:#666}
.pages dd a.current_page{ color:#fff; background:#E9070A;}


/* 上一篇 下一篇 */
.page{overflow:hidden; padding:0 var(--i_padding); margin:-.6rem auto .5rem}
.page a{display:block; float:left; width:50%; height:.7rem; line-height:.7rem; text-align:center; font-size:.22rem;}
.page a:first-child{background:rgba(0,0,0,.2)}
.page a:last-child{color:#FFF; background:rgba(0,0,0,.4)}



/* 联系方式 */
#allmap{margin:.4rem auto 0; width:100%; height:3.8rem; font-size:12px}
#allmap *{font-size:.12rem!important}



 
/*html{
-webkit-filter: grayscale(100%);  
-moz-filter: grayscale(100%);  
-ms-filter: grayscale(100%);  
-o-filter: grayscale(100%);  
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
filter:gray;  
}*/