@charset "utf-8";

/* header */
header{}

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


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

.search{height:32px; position:relative; top:52px}
.search-f{overflow:hidden; height:100%}
.search .serach_input{width:180px; 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:var(--i_color) 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{--arrow_size:36px; width:100%;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 li:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:50px; background:rgba(0,0,0,.6); z-index:3} */
.rslides img{display:block; float:left; width:100%; height:300px; object-fit:cover}
.rslides li p{position:absolute; left:0; bottom:0; padding:0 20px; font-size:16px; line-height:50px; color:#FFF; background:rgba(0,0,0,.6); z-index:4}

/* 左右箭头 */
.rslides_nav{position:absolute; bottom:0; display:block; width:var(--arrow_size); height:var(--arrow_size); line-height:var(--arrow_size); text-align:center; color:#FFF; font-family:"SimSun", NSimSun, FangSong; font-size:calc(var(--arrow_size) - 15px); font-weight:bold; background:rgba(0,0,0,.6); z-index:2}
.prev{right:var(--arrow_size)}
.next{right:0}
.banner:hover .rslides_nav{opacity:1}

/* 指示器 */
.rslides_tabs{
	width:1300px;
	text-align:right;
	font-size:0;
	list-style-type:none;
	position:absolute;
	bottom:17px;
	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{width:16px; height:16px; background:#F60}






/* main */
main{overflow:hidden}

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



.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:40%; height:190px; overflow:hidden}
.i_news_img img{width:100%; height:100%; object-fit:cover}

.i_news_txt{width:calc(100% - 40% - 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{ 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;}

/* new --end*/

 


/* 通知公告 */
.gd_box{width:100%; height:calc(74px * 4);  overflow:hidden} /*margin-bottom:28px;*/

.i_tz_list{padding:18px 24px}
.i_tz_list li{overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #DDD}
.i_tz_list a{display:block; overflow:hidden}

.i_tz_time{text-align:center}
.i_tz_time h5{font-size:13px; color:var(--i_color)}
.i_tz_time h1{font-family:"SimSun", 宋体, NSimSun, FangSong; font-size:30px; line-height:34px; color:var(--i_color)}

.i_tz_text{width:calc(100% - 85px)}
.i_tz_text p, .i_tz_text h6{max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i_tz_text p{font-size:15px; color:#535353; margin:4px 0}
.i_tz_text h6{font-size:12px; color:#9a9a9a}

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






/* 专业设置 */
.i_zysz{--box_w:31.6666%; --box_mar:2.5%}
.i_zysz{width:66%}

.i_img_box{background:#CCDCEB}
.i_img_box_tit{background:var(--i_color)}
.i_img_box_tit h1{font-size:15px; color:#FFF; line-height:40px}
.i_zysz .i_img_box_tit{padding-left:20px}

.i_zysz_list{padding:10px 20px}
.i_zysz_list dl{overflow:hidden}

.i_zysz_list dt{float:left; width:var(--box_w); margin:5px 20px 5px 0; ; overflow:hidden}
.i_zysz_list a{display:block; height:125px; background:#CCC; position:relative}

.i_zysz dt:nth-child(1) {width:100%}
.i_zysz_list dt:nth-child(4), .i_zysz_list dt:nth-child(7), .i_zysz_list dt:nth-child(10) {margin-right:0; float:right; }
/*.i_zysz dt:nth-child(6){width:calc(13.6666% * 2 + 4.2%)}*/


.i_zysz_list a img{width:100%; height:100%; object-fit:cover}
.zy_name{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2)}
.zy_name p{position:absolute; left:12px; bottom:12px; font-size:18px; color:#FFF; font-weight:bold}

.i_zysz_list a:hover .zy_name{background:rgba(0,80,151,.85)}
.i_zysz_list a:hover .zy_name p{bottom:50%; transform:translate(0,50%)}
.zy_name, .zy_name 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}






/* 拓展链接 */
.tz_link{width:32%}
.tz_link ul{overflow:hidden}
.tz_link li{float:left; width:calc((100% - 20px) / 2); margin:0 20px 30px 0}
.tz_link li:nth-child(2n){margin-right:0}

.tz_link .i_img_box_tit h1{text-align:center}

.tz_img{width:100%; height:141px; overflow:hidden}
.tz_img img{width:100%; height:141px; object-fit:cover}

.tz_link a:hover .i_img_box_tit{background:#F60}
.tz_link a:hover img{-webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); transform:scale(1.15,1.15);}
.tz_img 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}






/* -------------- 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 auto}
*/
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_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}