@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{margin:0; padding:0}
body, button, input, select, textarea{font:13px/1.5 微软雅黑, "Microsoft Yahei", tahoma, Srial, helvetica, sans-serif}
body{min-width:1340px}
h1, h2, h3, h4, h5, h6, code, dfn, em, var, i, b{font-style:normal; font-weight:normal}
ul, ol, li{list-style:none}
input, textarea{outline-style:none; border:0}
a{
	text-decoration:none;
	color:#333;
	tap-highlight-color:rgba(0,0,0,0); 
	focus-ring-color:rgba(0, 0, 0, 0); 
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-focus-ring-color:rgba(0, 0, 0, 0); 
	-moz-tap-highlight-color:rgba(0,0,0,0); 
	-moz-focus-ring-color:rgba(0, 0, 0, 0);
}
/*用来解决在安卓上的点击出现篮框问题*/
body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
/*解决ios上去除微信点击蓝色边框 */
a:focus, input:focus, p:focus, div:focus{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
/* 表单文字 */
input::-webkit-input-placeholder{color:#AAA; font-size:12px}
input::-moz-placeholder{color:#AAA; font-size:12px}
input:-moz-placeholder{color:#AAA; font-size:12px}
input:-ms-input-placeholder{color:#AAA; font-size:12px}
/*滚动条*/
::-webkit-scrollbar{width:6px; height:8px}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:var(--i_color)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:#F1F1F1}
/* 复制选中 */ 
::selection{background:#DC1208; color:#FFF}
::-moz-selection{background:#DC1208; color:#FFF}
::-webkit-selection{background:#DC1208; color:#FFF}

.fl{float:left}
.fr{float:right}
.container{overflow:hidden}
.pr{position:relative}
.clear{clear:both}
.wrap{width:1300px; margin:0 auto}

:root{
	--i_color:#005097; /* 全局颜色 */
}

/* header */
header{}

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

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

.search{width:215px; height:32px; border:1px solid #d4d4d4; position:relative; top:42px}
.search-f{overflow:hidden; height:100%}
.search .serach_input{width:80%; height:32px; line-height:32px; margin-left:10px; border:0; font-size:13px; color:#666}
.search .btn_serach{width:32px; height:32px; border:0; cursor:pointer; background:url(../images/search_ico.png) no-repeat center}

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






/* nav */
nav{
	height:45px;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#005097), to(#003a6d));
	background:-webkit-linear-gradient(top, #005097, #003a6d);
	background:-moz-linear-gradient(top, #005097, #003a6d);
	background:-ms-linear-gradient(top, #005097, #003a6d);
	background:-o-linear-gradient(top, #005097, #003a6d);
	background:linear-gradient(to bottom, #005097, #003a6d);
	}

nav>ul>li{float:left; text-align:center; position:relative}
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:#003a6d}






/* -------------- 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:298px; object-fit:cover}
/* 左右箭头 */
.rslides_nav{opacity:0; position:absolute; top:50%; transform:translate(0,-50%); padding:5px 12px; font-family:"SimSun", NSimSun, FangSong; font-size:26px; color:#FFF; font-weight:bold; background:rgba(0,0,0,.5); 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)}
.banner .ban-slide-bj{}
.banner .ban-slide-bj a{display:block;}
.banner .ban-slide-bj a img{display:block; float:left; width:100vw; height:298px; object-fit:cover}
.banner .swiper-button-prev, .banner .swiper-button-next{position:absolute;	top:50%;transform:translate(0,-50%);width:36px;height:64px;line-height:64px;background:rgba(0,0,0,.4);text-align:center;font-family:SimSun, sans-serif, NSimSun;font-size:40px;color:rgba(255,255,255,.8);z-index:999;
	outline:none;cursor:pointer;-moz-user-select:none;   -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;	-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.banner .swiper-button-prev{left:-60px}
.banner .swiper-button-next{right:-60px}
/*.banner:hover .swiper-button-prev{left:4%}
.banner:hover .swiper-button-next{right:4%}*/
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{background:#005097}
.banner .banner_btn{top:50%;position: absolute; width:100%;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:24px;}


/* 指示器 */
.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:26px; height:4px; background:#FFF; overflow:hidden}
.rslides_here a{background:var(--i_color)}






/* main */
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_box{width:47%}

/* 选项卡切换导航 */
#news_tabtit{margin-bottom:18px; overflow:hidden; position:relative}
#news_tabtit:before, #news_tabtit:after{content:""; position:absolute; bottom:0}
#news_tabtit:before{top:3px;  width:3px; height:16px; background:var(--i_color)}
#news_tabtit:after{left:0; width:100%; height:1px; background:#CCC}

#news_tabtit li{float:left; margin-right:30px}

#news_tabtit a{display:block; height:36px; font-size:16px; color:#2D2D2D; font-weight:bold; position:relative; cursor:pointer}
#news_tabtit a:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:none; z-index:2}

#news_tabtit li:first-child{margin-left:15px}
.newselected{color:var(--i_color)!important}
.newselected:after{background:var(--i_color)!important}

/* 更多+ */
.i_tab_news_more{position:absolute; top:2px; right:0; font-size:12px; color:#464646; text-transform:uppercase}

/* 列表 */
#menu_con{overflow:hidden}
#menu_con .tag{display:none}
#menu_con .tag:first-child{display:block}



.i_news_box{overflow:hidden}
.i_news_box .i_news_list{margin-bottom:36px;}
.i_news_img_box{margin-bottom:15px; overflow:hidden}
.i_news_img_box a{display:block; overflow:hidden}
.i_news_img{width:30%; height:121px; overflow:hidden}
.i_news_img img{width:100%; height:100%; object-fit:cover}

.i_news_txt{width:calc(100% - 30% - 26px)}
.i_news_txt p{font-size:15px; color:#2D2D2D; line-height:24px}
.i_news_txt i{display:block; margin:10px 0; font-size:12px; color:#A1A1A1}
.i_news_txt span{font-size:12px; color:#A1A1A1; line-height:20px}
.i_news_txt p, .i_news_txt span{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.i_news_img_box a:hover p{color:var(--i_color)}

.i_news_list li{overflow:hidden}
.i_news_list a{float:left; max-width:84%; font-size:14px; color:#484848; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_news_list i{float:right; font-size:12px; color:#A1A1A1}
.i_news_list a, .i_news_list i{line-height:36px}

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


#news_tabtit2{margin-bottom:18px; overflow:hidden; position:relative}
#news_tabtit2:before, #news_tabtit2:after{content:""; position:absolute; bottom:0}
#news_tabtit2:before{top:3px;  width:3px; height:16px; background:var(--i_color)}
#news_tabtit2:after{left:0; width:100%; height:1px; background:#CCC}

#news_tabtit2 li{float:left; margin-right:30px}

#news_tabtit2 a{display:block; height:36px; font-size:16px; color:#2D2D2D; font-weight:bold; position:relative; cursor:pointer}
#news_tabtit2 a:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:none; z-index:2}

#news_tabtit2 li:first-child{margin-left:15px}

#menu_con2{overflow:hidden}
#menu_con2 .tag{display:none}
#menu_con2 .tag:first-child{display:block}
.news_bot2 .i_news_list{margin-bottom:0;}


/* 快速链接-1 */
.ks_link1{margin-top:16px; overflow:hidden}
/*.ks_link1 dt{float:left; width:31%; height:90px; margin:0 3.5% 0 0; overflow:hidden; position:relative}*/
.ks_link1 dt{float:left; width:calc((100% / 7) - (15px * 6 / 7)); height:82px; margin:0 15px 0 0; overflow:hidden; position:relative}
.ks_link1 dt img{width:100%;}
.ks_link1 dt:nth-child(7n){margin-right:0}
/*.ks_link1 dt:nth-child(3n){margin-right:0}*/
.ks_link1 dt a{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7);display:flex;align-items: center;justify-content: center;}
.ks_link1 dt p{text-align:center; font-size:16px; color:#FFF; line-height:24px;padding:0 15px; font-weight:bold}
.ks_link1 dt a:hover{background:rgba(0,80,151,.5)}





/* 学生风采 */
/*.i_ssfc{width:797px}*/
.i_ssfc{width:calc(100% - 243px);}
.picScroll-left{width:100%; position:relative; margin-top:20px; overflow:initial!important}
.picScroll-left .prev{left:0}
.picScroll-left .next{right:0}
.picScroll-left .prev, .picScroll-left .next{display:block; position:absolute; top:30%; 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; overflow:hidden}
.pic_li_list li{width:182px; float:left; overflow:hidden; text-align:center; margin-right:23px; position:relative}
.pic_li_list li img{width:100%; height:135px; object-fit:cover}
.pic_li_list li p{height:40px; line-height:40px; color:#555; font-size:14px;}

.pic_li_list li:hover img{opacity:.85}
.pic_li_list li:hover p{color:var(--i_color); text-decoration:underline}





/* 快速链接-2 */
.kj_nav{width:180px;height:200px; margin-top:22px; overflow:hidden}
/*.kj_nav{width:467px; margin-top:22px; overflow:hidden}*/
/*.kj_nav li{float:left; width:48%; margin-right:4%}*/
.kj_nav li{float:left; width:100%; margin-right:0%}
.kj_nav li:last-child{margin-right:0}
.kj_nav li a{display:flex; text-align:center; width:100%; height:200px; box-sizing:border-box; border:1px solid #DDD; position:relative; overflow:hidden; justify-content:center; align-items:center}
.kj_nav li a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--i_color); z-index:-1}

.kj_nav li em{opacity:1; filter:invert(1); -webkit-filter:invert(1); -moz-filter:invert(1); -o-filter:invert(1); -ms-filter:invert(1); display:block; margin:0 auto; width:48px; height:40px; background:url(../images/kj_nav_ico.png) no-repeat}
.kj_nav li:nth-child(1) em{background-position:0 0}
.kj_nav li:nth-child(2) em{background-position:0 -40px}

.kj_nav li p{font-size:15px; color:#FFF; margin:10px auto 5px}
.kj_nav li i{font-size:12px; color:#478ecc; text-transform:capitalize}

.kj_nav li a:hover{border-color:rgba(0,0,0,.15)}
.kj_nav li a:hover:before{height:0%}
.kj_nav li a:hover em{opacity:.35; filter:invert(0); -webkit-filter:invert(0); -moz-filter:invert(0); -o-filter:invert(0); -ms-filter:invert(0); transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
.kj_nav li a:hover p{color:#444; margin-top:22px}
.kj_nav li a:hover i{color:#919191}

.kj_nav li a, .kj_nav li a:before, .kj_nav li em, .kj_nav li p{-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}






/* 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 img{display:block; max-width:100%; margin:18px 0}
*/



/* 内页-新闻列表 */
.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: calc(20% - 24px);margin: 0 30px 30px 0;overflow:hidden;}
.ny_pic_list li:nth-child(5n+0){margin-right:0}
.ny_pic{width:100%; height:220px; 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)}




/* 页数 */
.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}




