@charset "utf-8";

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{min-width:1340px; font:normal 100% 微软雅黑, "Microsoft YaHei", 宋体, Arial, Tahoma, Helvetica, sans-serif}
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}
/* 输入框内文字 */
input::-webkit-input-placeholder{color:#848484; font-size:12px}
input::-moz-placeholder{color:#848484; font-size:12px   /* Mozilla Firefox 19+ */}
input:-moz-placeholder{color:#848484; font-size:12px    /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{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}
/* 定义变量 */
:root{
	--i_color:#2491E4;
}
.w1300{width:1300px; margin:0 auto}
.fl{float:left}
.fr{float:right}
.clear{clear:both}



/* header */
header{}

/* top */
.top{overflow:hidden}

.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:50px; background:url(../images/nav_bg.jpg) repeat-x}
nav>ul>li{float:left; /* width:12.5%; */ text-align:center; position:relative}
nav>ul>li>a{display:block; font-size:15px; color:#FFF; line-height:50px}

nav li:hover{background:rgba(0,0,0,.2)}

nav dl{position:absolute; left:0; min-width:100%; background:#198EBD; 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 dt 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>ul>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 dt a:hover{background:rgba(0,0,0,.1)}






/* -------------- banner -------------- */
.wrap{position:relative; width:100%; margin:0 auto}
/* 左右箭头 */
.centered-btns_nav{opacity:0; position:absolute; top:50%; transform:translate(0,-50%); z-index:2; width:36px; height:64px; font-family:"宋体"; font-size:26px; color:#FFF; background:rgba(0,0,0,.5); text-align:center; line-height:70px}
.prev{left:5%}
.next{right:5%}
.wrap:hover .centered-btns_nav{opacity:1}
.wrap:hover .prev{left:10%}
.wrap:hover .next{right:10%}
.centered-btns_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}
.centered-btns_nav:hover{background:#005097}
/* 圆点指示器 */
.centered-btns_tabs{
	text-align:center;
	font-size:0;
	list-style-type:none;
	position:absolute;
	bottom:30px;
	left:50%;
	transform:translate(-50%,0);
	z-index:999}
.centered-btns_tabs li{display:inline-block; margin:0 4px}
.centered-btns_tabs a{
	display:inline-block;
	width:26px;
	height:4px;
	background:#FFF;
	overflow:hidden;
	}
.centered-btns_tabs .centered-btns_here a{background:#005097}
/* banner图 */
.rslides{position:relative; list-style:none; overflow:hidden; width:100%; height:auto; padding:0; margin:0}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; float:left; width:100vw; height:auto; border:0}






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

.tz_gd h1{float:left; margin-right:20px; padding-right:20px; font-size:15px; line-height:var(--tz_height); color:#1b1b1b; position:relative}
.tz_gd h1:after{content:""; position:absolute; top:5px; right:0; width:1px; height:70%; background:#CCC}

.tz_gd ul{width:80%; float:left}
.tz_gd li{overflow:hidden}
.tz_gd li a{float:left; text-decoration:none; font-size:13px; color:#333; line-height:var(--tz_height); padding-left:14px; overflow:hidden; position:relative}
.tz_gd li 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}
.tz_gd li i{float:left; font-size:12px; color:#7e7d7d; line-height:var(--tz_height); margin-left:80px}
.tz_gd li a:hover{color:var(--i_color)}


/* 首页 - 二维码 */
.i_qr{padding:30px 0; background:url(../images/i_qr_bg.jpg) repeat bottom center; text-align:center; position:relative; z-index:99999}

.f_link_list{display:inline-block; text-align:center}
.f_link_list li{float:left; padding:0 38px;  text-align:center; cursor:pointer; position:relative}
.f_link_list li:after{content:""; position:absolute; top:50%; transform:translate(0,-50%); right:0; width:1px; height:70%; background:rgba(0,0,0,.1)}
.f_link_list li em{display:block; margin:0 auto; width:35px; height:35px; background:url(../images/f_link_ico.png) no-repeat}
.f_link_list li:nth-child(1) em{background-position:0 0}
.f_link_list li:nth-child(2) em{background-position:0 -35px}
.f_link_list li:nth-child(3) em{background-position:0 -70px}
.f_link_list li:nth-child(4) em{background-position:0 -105px}
.f_link_list li p{font-size:14px; color:#FFF; margin-top:10px}
.f_qr_box{opacity:0; position:absolute; left:50%; transform:translate(-50%,0); bottom:61px; width:100px; height:0}
.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 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; height: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}






/* main */
main{overflow:hidden; margin-bottom:20px}

.cont{overflow:hidden; margin-top:52px}

/* 轮播新闻 */
.imgnews{width:406px}
.rotaion_list{overflow:hidden}
.yx-rotaion{height:330px!important}
.rotaion_list li img{width:100%; height:290px; 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:40px; line-height:40px; background:rgba(0,0,0,.75); left:0; bottom:0; _bottom:-1px; z-index:1}
.yx-rotation-t{width:66%; font-size:14px; color:#FFF; z-index:2; bottom:0; left:12px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.yx-rotation-focus{right:5px; bottom:11px; z-index:2;}
.yx-rotation-focus span{display:block; width:16px; height:16px; line-height:16px; text-align:center; margin:0 2px; font-size:12px; color:#000; float:left; background:#FFF; cursor:pointer}
.yx-rotation-focus span.hover{background:#f60; color:#FFF}






/* 系部新闻 */
.news_box{width:406px; float:left; margin-left:40px}

.i_n_tit{width:100%; height:30px; background:var(--i_color); margin:4px 0 20px 0; -webkit-border-radius:8px 0 0 8px; -moz-border-radius:8px 0 0 8px; -o-border-radius:8px 0 0 8px; border-radius:8px 0 0 8px;}
.i_n_tit h1{
	display:inline-block;
	margin:-4px 0 0 22px;
	padding:0 15px;
	height:38px;
	line-height:38px;
	font-size:16px;
	color:#2d2d2d;
	font-weight:bold;
	background:#F9F6F0;
	position:relative;
	-webkit-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-o-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
	box-shadow:0 3px 15px rgba(0,0,0,.2);
	}
.i_n_tit h1:before, .i_n_tit h1:after{content:""; position:absolute; top:0; width:0; height:0; border-color:#989898 transparent; border-style:solid}
.i_n_tit h1:before{left:-4px; border-width:0 0 4px 4px}
.i_n_tit h1:after{right:-4px; border-width:0 4px 4px 0}

.i_n_tit a{float:right; font-size:12px; color:#FFF; line-height:30px; margin-right:20px}

.i_news_list{overflow:hidden}
.i_news_list li{width:100%; overflow:hidden}
.i_news_list a{float:left; padding-left:15px; max-width:74%; font-size:14px; 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:#b6b6b6}
.i_news_list i{float:right; 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)}
.i_news_list li:hover a{padding-left:22px; text-decoration:underline}

.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;}



/* 通知公告 */
.gd_box{width:100%; height:210px; overflow:hidden}

.i_lxwm{width:100%; height:50px; margin-top:8px; background:url(../images/i_lxwm_bg.jpg) repeat-x; display:flex; justify-content:center; align-items:center}
.i_lxwm p{font-size:18px; color:#FFF; font-weight:bold; letter-spacing:5px; padding-left:38px; background:url(../images/i_lxwm_ico.png) no-repeat left center}






/* 通栏广告 */
.i_tl{overflow:hidden; margin:40px auto; background:#FFF}
.i_tl img{width:100%; height:104px; object-fit:cover}
.i_tl img:hover{opacity:.85}





.cont_fl{width:406px}
.cont_fl .news_box{margin-left:0}

.cont_fr{width:854px; margin-left:40px}


/* 系部简介 */
/* .i_xbjj{overflow:hidden; margin-bottom:30px}
.i_xbjj img{width:100%; height:175px; object-fit:cover; margin:15px 0}
.i_xbjj p{font-size:15px; color:#6c6c6c; line-height:35px}
.i_xbjj a{color:#F00}

.i_xbjj img:hover{opacity:.85}
.i_xbjj a:hover{text-decoration:underline} */




/* 优秀作品 */
.i_pic_list{overflow:hidden; margin-bottom:30px}

.picScroll-left{width:100%; position:relative; 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}
.pic_li_list li{width:155px; float:left; overflow:hidden; text-align:center; margin-right:20px; position:relative}
.pic_li_list li img{width:100%; height:108px; 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}

.i_jsfc{width:330px}
.i_yxxz{width:505px}



/* footer */
footer{padding:40px 0; overflow:hidden; background:url(../images/footer_bg.jpg) no-repeat bottom center}
.f_text{max-width:70%; margin-top:26px}
.f_text p{text-align:left; font-size:13px; color:#FFF; line-height:26px}

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








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

article{font-size:18px; line-height:200%; color:#666}
article img{  max-width:100%;}


/* 内页-新闻列表 */
.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 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}