@charset "utf-8";

/* header */
header{}

/* top */
.top{overflow:hidden}
.top .wrap{overflow:hidden; background:url(../images/top_bg.jpg) no-repeat top right; position:relative}


.logo{height:130px; display:flex; align-items:center}
/* .logo img{max-height:62px} */


/* 搜索框 */
.search{--s_height:32px}
.search{position:absolute; top:50%; transform:translate(0,-50%); right:0; height:var(--s_height); border:1px solid #d4d4d4; -webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; border-radius:25px; background:#FFF}
.search_f{overflow:hidden; height:100%}
.search .serach_input{width:180px; height:var(--s_height); line-height:var(--s_height); margin-left:20px; border:none; font-size:13px; color:#666}
.search .btn_serach{width:var(--s_height); height:var(--s_height); border:0; cursor:pointer; margin-right:5px; background:url(../images/search_ico.png) no-repeat center}

.search:hover{border-color:var(--i_color)}





/* nav */
nav{
	height:45px;
	background:var(--i_color);
	}

nav>ul>li{float:left; text-align:center; position:relative}
nav>ul>li:after{content:""; position:absolute; top:50%; transform:translate(0,-50%); right:0; width:1px; height:14px; background:rgba(255,255,255,.25)}
nav>ul>li>a{display:block; height:45px; line-height:45px; font-size:15px; color:#FFF}

nav dl{position:absolute; left:0; min-width:100%; background:rgba(0,80,151,.9); z-index:9; opacity:0; visibility:hidden; -webkit-transition:all .4s ease-out; -ms-transition:all .4s ease-out; transition:all .4s ease-out; -webkit-transform:translate3d(0, 40px, 0); -ms-transform:translate3d(0, 40px, 0); transform:translate3d(0, 40px, 0)}
nav dl a{font-size:13px; color:#FFF; display:block; overflow:hidden; white-space:nowrap; text-align:center; height:36px; line-height:36px; margin:0; padding:0 28px; border-bottom:1px solid rgba(255,255,255,.2)}

nav li:hover dl{opacity:1; visibility:visible; -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
nav dl a:hover{background:rgba(0,0,0,.3)}

.nav_on, nav>ul>li>a:hover{background:rgba(0,0,0,0.3)}






/* -------------- banner -------------- */
.banner{position:relative}

.rslides{position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; overflow:hidden}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; float:left; width:100vw; height:280px; object-fit:cover}
/* 左右箭头 */
.rslides_nav{opacity:0; position:absolute; top:50%; transform:translate(0,-50%); padding:4px 12px; font-family:"SimSun", NSimSun, FangSong; font-size:26px; color:#FFF; font-weight:bold; background:rgba(0,0,0,.6); text-align:center; z-index:2}
.prev{left:2%}
.next{right:2%}
.banner:hover .rslides_nav{opacity:1}
.banner:hover .prev{left:5%}
.banner:hover .next{right:5%}
.rslides_nav{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease}
.rslides_nav:hover{background:var(--i_color)}
/* 指示器 */
.rslides_tabs{
	text-align:center;
	font-size:0;
	list-style-type:none;
	position:absolute;
	bottom:24px;
	left:50%;
	transform:translate(-50%,0);
	z-index:999}
.rslides_tabs li{display:inline-block; margin:0 4px}
.rslides_tabs a{display:inline-block; width:16px; height:16px; background:#FFF; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; overflow:hidden}
.rslides_here a{background:var(--i_color)}




/* 首页 - 时间 天气 */
.t_w{width:100%; height:36px; overflow:hidden; margin-bottom:34px; background:#E5EDF4}

.solgan{font-size:13px; color:#d20d00; line-height:36px; margin-right:20px}
.totime{font-family:"微软雅黑"; font-size:13px; color:#555; line-height:36.5px; margin-right:35px}
.weather iframe{margin-top:6px}




/* main */
main{--box_w:454px}
main{overflow:hidden}

.i_box_tit{overflow:hidden; margin-bottom:10px; position:relative}
.i_box_tit:after, .i_box_tit h1:before, .i_box_tit h1:after{content:""; position:absolute; left:0; bottom:0; height:1px; background:var(--i_color)}
.i_box_tit:after{width:100%; background:#CCC!important}
.i_box_tit h1{float:left; height:36px; font-size:16px; color:#2D2D2D; font-weight:bold; padding-left:15px; position:relative; z-index:2}
.i_box_tit h1:before{top:3px!important; width:3px; height:16px!important}
.i_box_tit h1:after{width:122px}
.i_box_tit a{float:right; font-size:12px; color:#464646; line-height:24px}


.i_box2{border:1px solid #D9D9D9; border-top:2px solid var(--i_color); padding:0 20px 14px; position:relative}
.i_box2:before{content:""; position:absolute; top:15px; left:0; width:2px; height:16px; background:#D9D9D9}
.i_box2:hover:before{background:var(--i_color)}

.i_box_tit2{overflow:hidden; padding:12px 0; margin-bottom:15px; border-bottom:1px solid #D9D9D9}
.i_box_tit2 h1{float:left; font-size:16px; color:var(--i_color); font-weight:bold}
.i_box_tit2 a{float:right; font-size:12px; color:#888; line-height:24px}


/* 新闻轮播 */
.i_imgnews{--box_h:318px}
.i_imgnews{width:var(--box_w); height:350px; margin-right:0; position:relative}
.imgnews{width:100%; position:relative; overflow:hidden}

.yx-rotaion{height:var(--box_h)!important}

.rotaion_list{overflow:hidden;}
.rotaion_list li img{width:100%; height:calc(var(--box_h) - 45px); object-fit:cover; image-rendering:pixelated; image-rendering:-webkit-optimize-contrast;}
.yx-rotaion-btn{display:none}
.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t{position:absolute}
.yx-rotation-title{position:absolute; width:100%; height:45px; line-height:45px; background:rgba(0,0,0,.75); left:0; bottom:0; _bottom:-1px; z-index:1}
.yx-rotation-t{width:74%; font-size:14px; color:#FFF; z-index:2; bottom:0; left:12px; line-height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.yx-rotation-focus{right:5px; bottom:16px; z-index:2;}
.yx-rotation-focus span{display:block; width:6px; height:6px; font-size:0; margin:0 2px; float:left; border:1px solid #FFF; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.yx-rotation-focus span.hover{width:20px; background:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
.yx-rotation-focus span, .yx-rotation-focus span.hover{transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease;}






/* 首页 - 新闻列表 */
.i_news_list{overflow:hidden}

.i_news_list li{position:relative}
.i_news_list a{display:block; max-width:80%; font-size:14px; color:#484848; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.i_news_list i{position:absolute; top:0; right:0; font-size:12px; color:#A1A1A1}

.i_news_list a, .i_news_list i{line-height:35px}

.i_news_list a:hover{color:var(--i_color); padding-left:7px}
.i_news_list a{-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;}

/* 新闻公告 */
.i_tzgg{width:var(--box_w); margin-left:40px}
.gd_box{width:100%; height:calc(8 * 35px); overflow:hidden}






/* 快速链接 */
.ks_link{--em_size:30px}
.ks_link{width:calc(100% - (var(--box_w) * 2 + 80px)); overflow:hidden}
.ks_link dt{overflow:hidden; margin-bottom:20px}
.ks_link dt:last-child{margin-bottom:0}

.ks_link a{padding:24px 0; overflow:hidden; display:flex; justify-content:center}
.ks_link dt:nth-child(1) a{background:#58ABBA}
.ks_link dt:nth-child(2) a{background:#F57D1F}
.ks_link dt:nth-child(3) a{background:#DF6D7A}

.ks_link a div{display:flex; align-items:center}

.ks_link em{display:block; float:left; margin-right:20px; width:var(--em_size); height:var(--em_size); background:url(../images/ks_link_ico.png) no-repeat}
.ks_link dt:nth-child(1) em{background-position:0 0}
.ks_link dt:nth-child(2) em{background-position:0 calc(var(--em_size) * -1)}
.ks_link dt:nth-child(3) em{background-position:0 calc(var(--em_size) * -2)}


.ks_link p{float:left; width:170px; font-size:17px; color:#FFF; font-weight:bold}
.ks_link i{display:block; font-size:12px; color:#FFF; text-transform:capitalize}






/* 栏目分类列表 */
.lm_list{width:calc(var(--box_w) * 2 + 40px); overflow:hidden}
.lm_list dt{float:left; width:23.5%; margin-right:2%;}
.lm_list dt:last-child{margin-right:0}

.lm_list h1{font-size:16px; text-align:center; color:#FFF; line-height:40px; background:var(--i_color)}

.lm_list ul{background:#EBEBEB; padding:10px 10px 0; overflow:hidden}
.lm_list li{text-align:center; margin-bottom:10px}
.lm_list li a{display:block; font-size:14px; line-height:32px; color:#636363; background:#F5F5F5; }

.lm_list li a:hover{background:var(--i_color); color:#FFF}






/* 图书馆视频 */
.i_tsg_video{width:calc(100% - (var(--box_w) * 2 + 120px)); overflow:hidden; padding-bottom:24px}
.i_tsg_video .i_box_tit2{margin-bottom:24px}

.videolist{width:100%; position:relative}
.vimg{width:100%; height:160px; object-fit:cover}

.vtit{position:absolute; bottom:0; left:0; width:100%; height:36px; background:rgba(0,0,0,.75)}
.vtit p{max-width:86%; font-size:15px; color:#FFF; line-height:36px; padding-left:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.videolist:hover{cursor:pointer}
.videolist:hover:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7)}
.videoed{display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50px; height:50px; z-index:999; border-radius:100%}

.videos{display:none; border:1px solid #080808; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9999; width:640px; height:360px}
.vclose{position:absolute; right:1%; top:1%; border-radius:100%; cursor:pointer}






/* 热门图书 */
.i_rmts{width:calc(var(--box_w) * 2 + 40px); overflow:hidden}

.picScroll-left{width:100%; position:relative; margin-top:30px; overflow:initial!important}
.picScroll-left .prev{left:0}
.picScroll-left .next{right:0}
.picScroll-left .prev, .picScroll-left .next{position:absolute; top:43%; cursor:pointer; width:25px; height:40px; font-family:"宋体"; font-weight:bold; font-size:18px; text-align:center; line-height:40px; color:#FFF; background:rgba(0,0,0,.7); z-index:999}
.picScroll-left .prev:hover, .picScroll-left .next:hover{background:var(--i_color)}

.picScroll-left .bd{width:100%; margin:0 auto}
.piclb_li_list li{float:left; width:172px; overflow:hidden; margin-right:22px; overflow:hidden; text-align:center; position:relative}
.piclb_pic{width:100%; height:200px; overflow:hidden}
.piclb_pic img{width:100%; height:100%; object-fit:cover}

.piclb_li_list li:hover img{-webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); transform:scale(1.15,1.15)}
.piclb_pic 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}






/* 友情链接 */
.i_yqlink{width:calc(100% - (var(--box_w) * 2 + 120px));}

.i_yqlink ul{overflow:hidden}
.i_yqlink li a{font-size:13px; color:#999; line-height:31px}






/* footer */
footer{padding:45px 0; background:url(../images/footer_bg.jpg) no-repeat bottom center}

.f_cont{overflow:hidden}

.f_contact img{max-height:45px; margin-bottom:20px}
.f_contact p{font-size:13px; color:#FFF; line-height:26px}

.f_qr{overflow:hidden; margin:10px 0 0 80px}
.f_qr dt{float:left; margin-left:20px; text-align:center}
.f_qr dt img{width:100px}
.f_qr dt p{font-size:12px; color:#FFF; font-weight:bold; margin-top:10px}

.f_nav{width:240px; margin-top:22px; padding:15px 0 4px; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1)}
.f_nav li{float:left; margin:0 42px 15px 0}
.f_nav li:nth-child(3n){margin-right:0}
.f_nav a{font-size:13px; color:#FFF}
.f_nav a:hover{text-decoration:underline}








/* 内页start */
.ny_banner{width:100%; height:260px}
.ny_banner img{width:100%; height:100%; object-fit:cover}




/* 内页左侧 */
#ny_left{width:195px; position:relative; margin:30px 0 60px; float:left}
#ny_left.fix{position:fixed; top:0; margin-top:0;}

.lm_name{display:flex; align-items:center; width:100%; height:80px; background:#005097; position:relative; z-index:99; background:var(--i_color) url(../images/ny_left_titbj.png) no-repeat}
.lm_name div{margin-left:30px; position:relative}
.lm_name p{font-size:16px; color:#FFF; line-height:28px}
.lm_name en{font-size:12px; color:#FFF; text-transform:Uppercase;}




/* 内页左侧导航 */
#sub_nav{margin-bottom:15px; padding-top:15px; padding-bottom:5px; border-bottom:2px solid var(--i_color); display:block; background: #fff; }
#sub_nav dt {display:block; background:url(../images/icon_n_nav_li.png) 145px center no-repeat #fff;}
#sub_nav dt .a{font-size:14px; margin:0 15px; padding:0 10px; height:44px; line-height:44px; border-bottom:1px solid #e7e4e4; display:block; color:#333;}
#sub_nav dt .a.on_border {border:none !important;}
#sub_nav dt:hover, #sub_nav dt.on{color:#fff; background:url(../images/icon_n_nav_li.png) 155px center no-repeat var(--i_color);}
#sub_nav dt:hover .a{color:#fff; border-bottom:1px solid var(--i_color);}
#sub_nav dt.on .a{color:#fff; border-bottom:1px solid var(--i_color);}
#sub_nav dt, #sub_nav dt:hover, #sub_nav dt .a, #sub_nav dt:hover .a, #sub_nav dt.on, #sub_nav dt.on .a{transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease;}




/* 内页右侧 */
#ny_right{width:80%; min-height:245px; margin:30px 0 60px; float:right;}

.n_title{position:relative; height:40px; margin-bottom:25px; border-bottom:1px solid #d4d6d8;}
.n_title p{float:left; line-height:40px; color:#555; font-size:18px; font-weight:bold}




/* 当前位置 */
.position{position:absolute; top:13px; right:0; overflow:hidden}
.position dt{float:left}
.position dt a{font-size:12px; color:#666; position:relative}
.position dt a:before{content:">"; margin:0 6px; color:#888!important}
.position dt a:hover{color:var(--i_color)}
.position dt:first-child a:before{content:"您当前的位置 ："; margin:0}




/* 内页-右侧(单页，简介页) */
.ny_right_cont{position:relative}
/*article *{font-size:14px; line-height:28px; color:#666}*/
article{font-size:18px; line-height:200%; color:#666}
article img{ max-width:100%;}

/*article img{display:block; max-width:100%; margin:18px auto}*/
article table{ border:#000 solid 1px; border-collapse:collapse; min-width:600px; margin:18px auto;}

article table td{ border:#000 solid 1px; border-collapse:collapse}
 

/* 内页-新闻列表 */
.ny_right_cont .i_news_list{margin-bottom:55px}
/* 内页-新闻内容页(三级页面) */
.article_tit{margin-bottom:35px; padding:0 0 28px 22px; position:relative; border-bottom:1px dashed #CCC}
.article_tit:before{content:""; position:absolute; top:0; left:0; width:3px; height:52px; background:var(--i_color)}
.article_tit h1{font-size:22px; font-weight:bold; color:#333; margin-bottom:5px}
.article_tit p{font-size:13px; color:#777}
.article_tit i{margin-right:5px}
/* 分享 */
.n_share{position:absolute; top:20px; right:0}
/* 上一条下一条 */
.tiao{width:100%; overflow:hidden; margin:65px auto 40px}
.tiao p{width:46%; line-height:40px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tiao p a{color:var(--i_color)}
.downnew{text-align:right}




/* 内页图片列表页 */
.ny_pic_list{overflow:hidden}
.ny_pic_list li{float:left; width:23.125%; margin:0 2.5% 30px 0; overflow:hidden}
.ny_pic_list li:nth-child(4n+0){margin-right:0}
.ny_pic{width:100%; height:155px; overflow:hidden; position:relative}
.ny_pic_list img{width:100%; height:100%; object-fit:cover}
.ny_pic_list p{text-align:center; font-size:15px; color:#666; line-height:40px;}

.ny_pic_list li:hover p{color:var(--i_color)}




/* 内页-右侧-校园风景展示 */
.ny_img_list{overflow:hidden}
.ny_img_list li{overflow:hidden; padding-bottom:25px; border-bottom:1px dashed #DDD; margin-bottom:35px}

.ny_img_header{overflow:hidden; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #EEE;}
.ny_img_header h1{float:left; padding-left:30px; font-size:17px; color:#444; line-height:30px; background:url(../images/ny_img_ico.png) no-repeat left center}
.ny_img_header i{float:right; font-size:13px; color:#777; line-height:30px;}

.ny_img_box{overflow:hidden}
.ny_img_box dt{float:left; width:23.125%; height:160px; margin-right:2.5%; overflow:hidden}
.ny_img_box dt img{width:100%; height:100%; object-fit:cover}
.ny_img_box dt:nth-child(4n+0){margin-right:0}

.ny_img_box dt:hover img{-webkit-transform:scale(1.12,1.12); -moz-transform:scale(1.12,1.12); transform:scale(1.12,1.12);}
.ny_img_box dt 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;}





/* 内页-校园风景详情页 */
.ny_pic_article{overflow:hidden}

h1.pic_article_tit{font-size:24px; color:#333; font-weight:bold; margin-bottom:30px}

/* 校园风景内容图片集 */
.ban{width:100%; height:500px; position:relative; overflow:hidden; margin:0 auto}

/* 大图 */
.ban2{width:100%; height:400px; position:relative; overflow:hidden}
.ban2 ul{position:absolute; left:0; top:0; height:100%!important}
.ban2 li{float:left; width:1040px; height:400px; background:rgba(0,0,0,.1); text-align:center; display:flex; justify-content:center; align-items:center;}
.ban2 li img{max-width:100%; max-height:100%;cursor:pointer}

/* 大图左右箭头 */
.prev1, .next1{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:65px;
	height:60px;
	line-height:60px;
	background:rgba(0,0,0,.2);
	text-align:center;
	font-family:"宋体";
	font-size:40px;
	font-weight:bold;
	color:#FFF;
	z-index:9;
	cursor:pointer;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	}
.prev1{left:0}
.next1{right:0}

/* 缩略图 */
.min_pic{padding-top:10px; width:785px; overflow:hidden; margin:0 auto}
.num{height:82px; overflow:hidden; width:685px; position:relative; float:left}
.num ul{position:absolute; left:0; top:0; height:100%!important}
.num ul li{width:130px; height:80px; margin-right:5px; padding:1px; cursor:pointer; outline:none}
.num ul li.on{border:1px solid #005097; padding:0}
.num ul li img{width:100%; height:80px; object-fit:cover}

/* 缩略图左右箭头 */
.prev_btn1{float:left; margin-right:10px}
.next_btn1{float:right}
.prev_btn1, .next_btn1{
	width:40px;
	height:40px;
	line-height:40px;
	background:#005097;
	font-family:"宋体";
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin-top:24px;
	cursor:pointer;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	}
.prev_btn1 img, .next_btn1 img{padding:6px 5px; background:rgba(0,0,0,.1)}




/* 弹出大图 */
.mhc{background:rgba(0,0,0,.7); width:100%; position:absolute; left:0; top:0; display:none;}

.pop_up{height:500px; padding:10px; background:#FFF; position:fixed; -position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none; z-index:999;}
.pop_up_xx{position:absolute; top:-40px; right:0; width:40px; height:40px; cursor:pointer;}
.pop_up2{height:100%; position:relative; overflow:hidden;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 li{height:500px; float:left; overflow:hidden; display:flex; justify-content:center; align-items:center}
.pop_up2 li img{max-width:100%; max-height:100%}

@media screen and (min-width:1761px){.pop_up, .pop_up2 li{width:1700px}}
@media screen and (min-width:1591px) and (max-width:1760px){.pop_up, .pop_up2 li{width:1480px}}
@media screen and (min-width:1201px) and (max-width:1590px){.pop_up, .pop_up2 li{width:1200px}}
@media screen and (min-width:1121px) and (max-width:1200px){.pop_up, .pop_up2 li{width:1000px}}
@media screen and (min-width:941px) and (max-width:1120px){.pop_up, .pop_up2 li{width:900px}}
@media screen and (max-width:940px){.mhc, .pop_up{display:none!important}}




/* 更多风景 */
.case_article_more{margin-top:50px}
.ny_left_list_tit{font-size:20px; color:#005097; padding-bottom:10px; border-bottom:1px solid #EEE; margin:10px 0 15px}
.case_article_more ul{overflow:hidden}
.case_article_more li{float:left; width:23.125%; margin:0 2.5% 30px 0; overflow:hidden}
.case_article_more li:nth-child(4n){margin-right:0}
.case_article_more li img{width:100%; height:160px; object-fit:cover}
.case_article_more li p{text-align:center; height:46px; padding:8px 0; font-size:13px; color:#666; line-height:22px}
.case_article_more li a:hover p{color:#005097}





/* 页数 */
.page-box{overflow:hidden; margin:35px auto}
.center_page{text-align:center}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 15px; margin:0 6px; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}
.pages a:hover{background:var(--i_color); border:1px solid var(--i_color); color:#FFF}