@charset "utf-8";

/* header */
header{}

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

.logo{height:410px; display:flex; align-items:center; margin-left:30px}
/* .logo img{max-height:62px} */

/* .search{height:32px; background:#FFF; margin-top:50px; position:relative}
.search-f{overflow:hidden; height:100%}
.search .serach_input{width:200px; height:32px; line-height:32px; padding-left:10px; box-sizing:border-box; border:1px solid #d4d4d4; border-right:none; 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} */



/* 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)}






/* main */
main{--i_bbox_w:53%}
main{overflow:hidden}

.i_tit{margin-bottom:15px; padding:0 20px; overflow:hidden; background:var(--i_color)}
.i_tit p{float:left; font-size:16px; color:#FFF; font-weight:bold}
.i_tit a{float:right; font-size:12px; color:#FFF}
.i_tit p, .i_tit a{line-height:40px}


.i_jxdt{width:948px;}

.i_jxdt .i_news_list{width:calc(100% - 415px - 40px)}


.i_news_box{padding:10px 20px 20px; box-sizing:border-box; border:1px solid #DBDBDB; border-top:2px solid var(--i_color); position:relative; overflow:hidden}
.i_news_box:before{content:""; position:absolute; top:12px; left:0; width:2px; height:16px; background:#D9D9D9}
.i_news_box:hover:before{background:var(--i_color)}

.i_news_box .box_tit{overflow:hidden; padding-bottom:12px; margin-bottom:24px; border-bottom:1px solid #DDD}
.i_news_box .box_tit h1{float:left; font-size:16px; color:var(--i_color); font-weight:bold;}
.i_news_box .box_tit a{float:right; font-size:12px; color:#777}
.box_tit h1, .box_tit a{line-height:22px}

/* 首页 - 新闻列表 */
.i_news_list{overflow:hidden}
.i_news_list li{width:100%; overflow:hidden}
.i_news_list a{float:left; padding-left:15px; max-width:78%; font-size:15px; 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:var(--i_color)}
.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;}


/* 新闻轮播 */
.imgnews{position:relative; overflow:hidden}
.rotaion_list{overflow:hidden;}
.rotaion_list li img{width:415px; height:285px; 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:8px; height:8px; 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;}

.tz_list{width:40%; overflow:hidden}


/* 通知公告 */
.i_tzgg{--a_height:25px; --a_mar:18px}
.i_tzgg{width:312px}
.gd_box{width:100%; height:calc((var(--a_height) * 2 + var(--a_mar)) * 5); overflow:hidden}

.i_tzgg dl{overflow:hidden;}
.i_tzgg dt{margin-bottom:var(--a_mar); overflow:hidden}
.tz_time{width:62px}
.tz_time p, .tz_time i{height:var(--a_height); line-height:var(--a_height); text-align:center;}
.tz_time p{font-size:14px; color:#3C3C3C; background:#e4e4e4}
.tz_time i{display:block; font-size:13px; color:#FFF; background:#BEBEBE}
.tz_txt{float:right; width:calc(100% - 62px - 20px); height:calc(var(--a_height) * 2); display:flex; align-items:center}
.tz_txt a{display:block; font-size:14px; color:#3C3C3C; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}

.i_tzgg dt:hover .tz_time i{background:var(--i_color)}
.tz_txt a:hover{color:var(--i_color)}





.i_wjxz, .i_jxgz{width:calc((948px - 40px) / 2)}

.i_zlgc{width:312px}
.i_zlgc .box_tit{margin-bottom:5px}

.i_zlgc_list{margin-top:20px}
.i_zlgc_list ul{overflow:hidden}
.i_zlgc_list li{margin-bottom:10px}
.i_zlgc_list a{display:block; font-size:18px; color:#2D2D2D; text-align:center; background:#EEE; line-height:40px;}

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







/* 快速链接 */
.ks_link{width:100%; padding-top:18px; overflow:hidden}
.ks_link dt{float:left; width:30.6666%; margin-right:4%}
.ks_link dt:last-child{margin-right:0}

.ks_link a{display:block; text-align:center; padding:16px 0; background:var(--i_color); -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}

.ks_link em{display:block; margin:0 auto 8px; width:32px; height:30px; 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 -30px}
.ks_link dt:nth-child(3) em{background-position:0 -60px}

.ks_link p{font-size:12px; color:#FFF}

.ks_link dt:hover a{-webkit-transform:translate(0,-8px); -moz-transform:translate(0,-8px); -o-transform:translate(0,-8px); -ms-transform:translate(0,-8px); transform:translate(0,-8px)}






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

.f_cont{overflow:hidden}

.f_logo{margin-bottom:20px}
.f_logo img{max-height:45px}

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

.f_nav{overflow:hidden}
.f_nav dl{float:left; margin-right:52px}

.f_nav dt{margin-bottom:10px}
.f_nav dt a{font-size:16px; color:#FFF}
.f_nav dd a{font-size:13px; color:#FFF; line-height:30px; position:relative;}
.f_nav dd a:before{content:">"; margin-right:7px; font-family:"SimSun", NSimSun, FangSong; color:#8EA9C8}
.f_nav a:hover{color:#ff9249}

.f_nav_hr{width:200px}
.f_nav_hr dd{float:left; padding-right:4%; width:46%}

.f_copyr{width:100%; margin-top:30px; background:rgba(0,0,0,.4)}
.f_copyr p{font-size:12px; color:#fff; line-height:40px; text-align:center}








/* 内页start */
.ny_top .wrap{background:none}

.ny_top .logo{height:180px!important}




/* 内页左侧 */
#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; max-width: 100%;overflow:  hidden;white-space: nowrap;text-overflow: ellipsis;}
#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 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}