@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 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;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
button, input, textarea, select{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit; border:0; outline:0; resize:none}
address, caption, cite, code, dfn, em, var, b{font-style:normal; font-weight:normal;}
input, textarea{outline-style:none}
/* 输入框内文字样式 */
input::-webkit-input-placeholder{color:#9c9c9c; font-size:13px}
input::-moz-placeholder{color:#9c9c9c; font-size:13px   /* Mozilla Firefox 19+ */}
input:-moz-placeholder{color:#9c9c9c; font-size:13px    /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{color:#9c9c9c; font-size:13px  /* 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:#23141a; color:#fff;}
::-moz-selection{background:#23141a; color:#fff;}
::-webkit-selection{background:#23141a; color:#fff;}
/* 内容居中 */
.center{display:flex; justify-content:center; align-items:center;}      /* 水平垂直居中 */
.pa_center{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}    /* 绝对定位水平居中 */
.cz_center{display:flex; align-items:center;}      /* 垂直居中 */
.sp_center{display:flex; justify-content:center;}      /* 水平居中 */

em, i, b{font-style:normal;}
a{text-decoration:none; color:#333}
ul, ol, li{list-style:none;}
fieldset, img{border:0;}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.w1300{width:1300px; margin:0 auto;}
.h100{height:100%}
.pd20{padding:20px 0 0 20px; overflow:hidden}


.top{width:100%; height:130px; background:url(../images/top_bj.png) no-repeat center}
.logo{height:130px; position:relative}
.logo em{display:block; float:left; width:325px; height:67px; padding-right:45px; border-right:1px solid #d0d0d0; background:url(../images/logo.png) no-repeat}
.colln{float:left; margin-left:45px; margin-top:28px}
.logo em, .logo p{margin-top:20px}

.search{position:absolute; right:0; top:40px; width:258px; height:28px; border:1px solid #b4b4b4;}
.search-f{overflow:hidden; height:100%}
.search .serach_input{width:76%; line-height:30px; background:transparent; margin-left:10px; border:0; font-family:"宋体"; font-size:12px; color:#666}
.search .btn_serach{width:27px; height:29px; margin-right:7px; border:0; cursor:pointer; background:url(../images/search.png) no-repeat center}

/* nav */
.nav_box{width:100%; height:42px; background:#23141a; position:relative}
.nav{display:flex; display:-webkit-flex; /* Safari */ justify-content:space-between; flex-wrap:wrap;}
.nav li{float:left; width:12.5%; position:relative;}
.nav li a{display:block; text-align:center; font-size:14px; color:#FFF; line-height:42px}
a.on, .nav li:hover{background:rgba(255,255,255,.2); color:#FFF!important}
.subm{
	position:absolute;
	left:0;
	width:100%;
	background:#FFF;
	box-shadow:1px 0px 5px rgba(0,0,0,0.3);
	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);
	}
.subm a{font-size:14px; color:#424a4c!important; display:block; width:100%; text-align:center; height:36px!important; line-height:36px!important; padding:0!important; border-bottom:1px solid rgba(0,0,0,.1)}
.nav li:hover .subm{opacity: 1;visibility: visible;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.subm a:hover{background:rgba(0,0,0,.1); color:#23141a!important}

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


/* content */
#content{overflow:hidden}

/* 专业设置 */
.zysz{margin:35px auto 0}
.biaoti{overflow:hidden; text-align:center; position:relative; margin-bottom:60px}
.biaoti p{font-size:25px; color:#473343; margin-bottom:20px}
.biaoti i{font-size:15px; color:#5b5b5b; background:#FFF; padding:0 35px; position:relative; z-index:2}
.biaoti em{display:block; position:absolute; bottom:9px; left:50%; transform:translate(-50%,0); width:800px; height:1px; background:#CCC;}

.zy_list{overflow:hidden}
.zy_list dt{float:left; width:413px; height:300px; text-align:center; margin:0 30px 35px 0; position:relative}
.zy_list dt:before{content:""; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:80%; height:1px; background:#cbc7ca}
.zy_list dt:nth-child(3n+0){margin-right:0}
.zy_list dt b{font-size:16px; color:#473343; font-weight:bold; padding-left:24px; position:relative}
.zy_list dt b:before{content:"◆"; position:absolute; left:0; font-size:24px; color:#473343; line-height:20px}
.zy_pic{margin:20px auto;}
.zy_pic{width:235px; height:135px}
.zy_list dt i{font-size:12px; color:#3c3c3c; line-height:19px}
.xq{display:block; position:absolute; bottom:20px; left:50%; transform:translate(-50%,0); width:86px; font-size:12px; color:#525252; line-height:26px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; box-sizing:border-box; border:1px solid #cbc7ca}
.xq:hover{background:#30202a; color:#FFF}

/* 课程设置 */
.kcsz{width:100%; padding:30px 0; background:#eae5eb; position:relative}
.kcsz:before{content:""; position:absolute; top:-45px; right:100px; width:595px; height:363px; background:url(../images/kcsz_bj.png) no-repeat}
.kcsz h1{font-size:20px; font-weight:bold; color:#565656; margin-bottom:18px}
.kcsz p{font-size:13px; color:#565656; line-height:26px}

/* 新闻列表区域 */
.news{overflow:hidden; margin:55px auto 0}
.tabnews{overflow:hidden}
#n_wrap{width:100%; overflow:hidden;}
#news_tabtit{display:table; margin:0 auto; overflow:hidden; position:relative}
#news_tabtit li{float:left; margin:0 8px}
#news_tabtit li a{display:block; cursor:pointer; box-sizing:border-box; border:1px solid #d5d5d5; font-size:13px; padding:0 26px; line-height:30px; text-align:center; color:#30202a; font-weight:bold}
.newselected{background:#30202a; color:#FFF!important}

#menu_con{width:100%; height:300px; overflow:hidden; margin-top:55px}

.new_news{width:60%;}
.new_news img{width:400px; float:left;}
.nn_txt{width:45%; height:289px; position:relative}
.nn_txt a{font-size:17px; color:#30202a; line-height:25px}
.nn_txt h6{font-size:13px; color:#888; font-weight:normal; margin:15px 0;}
.nn_txt span{font-size:14px; color:#686868; line-height:28px;}
.nn_txt .more{display:block; position:absolute; bottom:0; left:0; width:100px; height:32px; line-height:32px; font-size:13px; color:#444; text-align:center; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.nn_txt .more:hover{background:#30202a; color:#FFF}

.new_list{width:36%;}
.sideMenu h3{height:50px; line-height:50px; font-weight:normal; border-top:1px solid #e3e3e3; cursor:pointer;}
.sideMenu h3 em{float:left; display:block; width:40px; height:50px; background:url(../images/icoAdd.png) 16px 23px no-repeat; cursor:pointer; }
.sideMenu h3 a{display:block; width:70%; float:left; font-size:15px; color:#4d4d4d; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.sideMenu h3 i{float:right; font-size:15px; color:#888}
.sideMenu h3.on em{background-position:16px -44px; }
.sideMenu ul{padding:14px 0px 14px 42px; color:#999; display:none}
.sideMenu ul p{font-size:13px; line-height:22px; color:#949494}


.art_n{overflow:hidden; margin:45px auto}
/* 艺术长廊 */
.art_cl{width:852px; overflow:hidden}
.an_bt{overflow:hidden; margin-bottom:22px; position:relative}
.an_bt:before{content:""; position:absolute; bottom:0; width:100%; height:1px; background:#C7C7C7; z-index:-1}
.an_bt p{height:20px; float:left; line-height:20px; font-size:16px; color:#2d2d2d; padding-bottom:12px; border-bottom:2px solid #dd2828}
.more{float:right; font-size:13px; line-height:20px; color:#717171}
.more:hover{text-decoration:underline; color:#473343}

.picScroll-left{width:100%; overflow:hidden; position:relative;}
.ys_listbox{width:100%; margin:30px auto 10px auto; overflow:initial!important}
.picScroll-left .prev{left:0}
.picScroll-left .next{right:0}
.ys_listbox .prev, .ys_listbox .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,.5); z-index:999}
.ys_listbox .prev:hover, .ys_listbox .next:hover{background:rgba(212,44,48,.9)}

.picScroll-left .bd{width:100%; margin:0 auto}
.ys_list li{width:196px; height:200px; float:left; overflow:hidden; text-align:center; margin-right:23px; position:relative}
.ys_list li img{text-align:center; height:150px; image-rendering:pixelated; image-rendering:-webkit-optimize-contrast;}
.ys_list li p{height:40px; line-height:50px; color:#555; font-size:14px;}

/* 党建工作+资料下载 */
.dj_down{width:400px; overflow:hidden}
#dj_d_bt{display:block; overflow:hidden; position:relative;}
#dj_d_bt:before{content:""; position:absolute; bottom:0; width:100%; height:1px; background:#CCC;}
#dj_d_bt li{float:left; margin-right:22px}
#dj_d_bt li a{display:block; cursor:pointer; font-size:15px; text-align:center; color:#2d2d2d; padding-bottom:12px; position:relative}
.dj_d_on{border-bottom:2px solid #dd2828!important;}
.dj_d_more{margin-top:2px}
.dj_d_more a{font-size:12px; color:#777}
.dj_d_more a:hover{color:#dd2828}

#dj_d_cont{width:100%;}
.dj_d_tag{padding-top:15px}
.new_row{overflow:hidden}
.new_row a{display:block; float:left; width:76%; font-size:14px; color:#2d2d2d; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.new_row i{float:right; font-size:12px; color:#7b7b7b}
.new_row a, .new_row i{line-height:34px}
.new_row a:hover{color:#dd2828}


/* footer */
#footer{background:#473343; padding:36px 0}
.f_logo{width:211px; height:125px; background:url(../images/f_logo.png) no-repeat; margin-right:85px}
.f_info{padding-left:85px; border-left:1px solid rgba(255,255,255,.1)}
.f_info b{display:block; font-size:16px; color:#FFF; margin-bottom:17px}
.f_info en{font-size:12px; color:#FFF; margin-left:22px}
.f_info p{color:#bb90b2; font-size:12px; line-height:25px}
.f_qr{text-align:center}
.f_qr img{width:100px; height:100px}
.f_qr p{font-size:13px; color:#FFF; line-height:38px}
.f_nav{width:255px; padding:20px 0; margin-right:100px; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1)}
.f_nav dt{float:left; width:85px;}
.f_nav dt a{display:block; font-size:13px; color:#bb90b2; text-align:center; margin:14px 0}
.f_nav dt:hover a{color:#FFF; text-decoration:underline}
.f_bq{width:100%; background:#23141a}
.f_bq p{font-size:12px; line-height:50px; color:#FFF; text-align:center}












/* 内页start */
.ny_banner{width:100%; height:260px; background:url(../images/nybanner.jpg) no-repeat}

#ny_content{}

/* 当前位置 */
.n_title{position:relative; height:40px; padding-top:10px; margin-bottom:25px; border-bottom:1px solid #e5e5e5;}
.n_add{position:absolute; left:0; bottom:0; line-height:40px; color:#9b9c9d; *background:url(../images/icon_home.png) left center no-repeat;}
.n_add span{display:block; float:left; width:12px; height:40px; background:url(../images/position.png) no-repeat center; margin-right:15px}
.n_add b, .n_add a, .n_add i{font-size:12px; color:#9b9c9d;}
.n_add em{font-size:12px; color:#473343; font-style:normal;}
.n_add a:hover{color:#473343; text-decoration:underline;}

/* 内页左侧 */
#ny_left{width:195px; position:relative; margin-top:0px; float:left; transition:all 01s ease; -webkit-transition:all 01s ease; -moz-transition:all 01s ease; -ms-transition:all 01s ease; -o-transition:all 01s ease;}
#ny_left.fix{position:fixed; top:0; margin-top:0;}

.lm_name{width:100%; height:80px; background:#473343; position:relative; z-index:99}
.lm_name:before{content:""; display:block; position:absolute; right:0; width:155px; height:80px; background:linear-gradient(55deg, transparent 85px, rgba(255,255,255,.1) 0) top left; background-repeat:no-repeat; -webkit-transform:translateZ(0)}
.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 #473343; 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 #473343;}
#sub_nav dt:hover .a{color:#fff; border-bottom:1px solid #473343;}
#sub_nav dt.on .a{color:#fff; border-bottom:1px solid #473343;}
#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;}

/* 内页左侧图片链接 */
.left_img_link{width:100%}
.left_img_link li{height:76px; margin-bottom:10px; border:1px solid #b6b6b6; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; position:relative}
.left_img_link li a{display:block; width:100%; height:100%;}

.left_img_link li:nth-child(1){background:url(../images/img_linkbj.jpg) no-repeat 0 0}
.left_img_link li:nth-child(2){background:url(../images/img_linkbj.jpg) no-repeat 0 -76px}
.left_img_link li:nth-child(3){background:url(../images/img_linkbj.jpg) no-repeat 0 -152px}

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

.ny_right_cont{padding-bottom:80px; position:relative}
.ny_right_cont .title{ text-align:center;padding-bottom:15px; margin-bottom:10px;border-bottom:dashed 1px #dfdfdf;}
.ny_right_cont .title h3{color:#333333;margin-bottom:10px;}
.ny_right_cont .title p{color:#888888;font-size:12px;}
.ny_right_cont .title p span{padding:0 10px;}
.ar_article{font-size:14px; color:#4f5052; line-height:34px; text-indent:2em; text-align:justify}
.ar_article p, .ar_article b, .ar_article span{ font-size:14px; color:#4f5052; line-height:34px; text-indent:2em; text-align:justify; margin-bottom:15px}
hr{display:block; height:1px; border:0; background:#dcdfe0; margin:2em auto}
.ar_article img{max-width:100%; text-align:center; margin-bottom:15px}

/* 内页右侧新闻 */
.ny_news{overflow:hidden}
.nyimg_box{overflow:hidden; display:flex; display:-webkit-flex; /* Safari */ justify-content:space-between; flex-wrap:wrap;}
.nyimg_box dt{width:30%; background:#F4F4F4}
.nyimgnews{border:1px solid #EEE; height:180px; overflow:hidden; position:relative}
.nyimgnews img{max-width:100%; max-height:100%}
.text_box{width:100%; margin-top:15px; padding-bottom:15px}
.text_box a{font-size:14px; font-weight:bold; color:#333; display:block}
.text_box a:hover{color:#473343}
.text_box i{display:block; font-size:12px; color:#777; line-height:30px}
.text_box b{font-size:12px; color:#555; line-height:22px}

.nynew_list{overflow:hidden; margin:25px auto}
.nynew_list li{overflow:hidden; border-bottom:1px dotted #CCC}
.nynew_list li a:before{content:""; display:block; position:absolute; left:0; top:50%; transform:translate(0,-50%); width:6px; height:2px; background:#473343}
.nynew_list li a{display:block; width:85%; position:relative; float:left; padding-left:20px; font-size:14px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.nynew_list li a:hover{color:#7a1065}
.nynew_list li i{float:right; font-size:13px; color:#777;}
.nynew_list li a, .nynew_list li i{line-height:55px}

.page-box{position:absolute; left:50%; transform:translate(-50%,0); bottom:0}
.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; }
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:#473343; border:1px solid #473343; color:#FFF}
.pages a:hover{background:#473343; border:1px solid #473343; color:#FFF}