@charset "utf-8";
/* CSS Document */

/*php用utf-8*/

body{ width:100%; text-align:center;margin:0; min-width:260px; font-size:14px; background-color:#FFF} 
html { overflow-x: hidden; overflow-y: auto; }


*{ margin:0px; padding:0px; border:0px;  font-family:"微软雅黑";list-style-type:none; color:#333}
img{border:none;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:none; color:#999;}
a:visited{ text-decoration:none; color:#000;}
.clear{display:block;clear:both;}
ul, ul li {
	list-style-type:none;
}
.cl {
	zoom:1;
}
::placeholder {
    color: #e8e8e8;
    font-size: 14px;
} 
/*针对IE和Edge的特殊样式*/
::-ms-input-placeholder {
    color: #e8e8e8;
}
.trans a{ margin:0 auto;}
.trans a:hover{filter:alpha(opacity:60); opacity:0.6;  -moz-opacity:0.6;-khtml-opacity: 0.6}


/*网站头部*/
.head{ background:url(../images/bannerbj.png) no-repeat 0 0;background-position:center; height: auto; margin:0 auto; background-color:#ab110a}
.top{ margin:0 auto; max-width:1500px; width:96%; height:auto;}
.logo{ float:left; margin:0 auto; width:50%; max-width:479px;  margin-top:15px; padding-bottom:20px}

.ss{ float:right; margin:0 auto; width:20%; line-height:25px; color:#FFF; margin-top:60px; margin-right:5%}

.ss_l{ width:35%; float:left; margin:0 auto; color:#FFF; font-size:1.0rem}
.ss_l a{color:#E3E3E3; font-size:0.9rem}
.ss_l a:hover{color:#CCC;}

.ss_r{ width:62%; float:right; margin:0 auto; color:#E3E3E3; font-size:1.0rem; border-bottom:1px solid rgba(255,255,255,0.6);}
.ss_rinput{ width:90%; float:left; padding-left:1%; line-height:20px; color:#FFF; background-color:rgba(255,255,255,0); border:0}
.ss_rinput[type=text]{ border:none; outline:none; } 
.ss_r font{ width:27%; float:left; color:#FFF; text-align:center; text-align:right}

@media screen  and (max-width:1024px) {
	
.logo{ float:left; margin:0 auto; width:50%; max-width:400px;  margin-top:45px}
.ss{ float:right; margin:0 auto; width:40%; line-height:30px; color:#FFF; margin-top:70px; margin-right:2%}
	
}
@media screen  and (max-width:540px) {
	
.logo{ float:left; margin:0 auto; width:60%; max-width:400px;  margin-top:45px;padding-bottom:10px}
.ss{ display:none}	
}
@media screen  and (max-width:375px) {
	
.logo{ float:left; margin:0 auto; width:80%; max-width:400px;  margin-top:45px;}

	
}


/*底部样式*/
.bot{ width:100%; height:auto; background:url(../images/bj03.png) no-repeat 0 0;background-color:#991314; background-position:center; min-height:120px; padding:1% 0; margin-top:10px; padding-top:30px; padding-bottom:20px}
.bot_left{width:35%; float:left; margin:0 auto; padding: 50px 60px 0 0; margin-left:2%}
.bot_left img{max-width:443px}

.bot_center{ width:10%; float:left; margin:0 auto; text-align:center; margin-top:10px; color:#FFF; font-size:12px; line-height:30px}
.bot_centera{ color:#FFF; border-bottom:solid #FFF 2px; text-align:left; font-weight:600; padding-bottom:10px; width:80px; font-size:18px; margin-bottom:10px;}

.bot_right{ width:40%; float:left; margin:0 auto; margin-top:10px; padding-left:4%; border-left:1px solid rgba(255,255,255,0.4);}
.bot_right ul li{width:100%;text-align:left; font-size:16px; color:#ffffff; line-height:30px;}
.bot_bottom{ width:100%; background-color:#820805; height:35px; color:#FFF; font-size:12px; text-align:center; line-height:35px}
.bot_bottom a{color:#FFF;font-size:12px}
.bot_bottom a:hover{color:#D6E6FC}

@media screen  and (max-width:768px) {
.bot_left{ display:none}
.bot_center{ width:30%; float:left; margin:0 auto; text-align:center; margin-top:10px; color:#FFF; font-size:12px; line-height:30px}
.bot_right{ width:60%; float:left; margin:0 auto; margin-top:10px; padding-left:4%; border-left:0px solid rgba(255,255,255,0.4);}

}

@media screen  and (max-width:540px) {
.bot_left{ display:none}
.bot_center{ width:19%; float:left; margin:0 auto; text-align:center; margin-top:10px; color:#FFF; font-size:12px; line-height:30px}
.bot_right{ width:77%; float:left; margin:0 auto; margin-top:0px; padding-left:1%; border-left:0px solid rgba(255,255,255,0.4);}
.bot_right ul li{width:100%;text-align:left; font-size:14px; color:#ffffff; line-height:25px;}
}

@media screen  and (max-width:375px) {
.bot_left{ display:none}
.bot_center{ width:20%; float:left; margin:0 auto; text-align:center; margin-top:10px; color:#FFF; font-size:12px; line-height:30px}
.bot_right{ width:75%; float:left; margin:0 auto; margin-top:0px; padding-left:1%; border-left:0px solid rgba(255,255,255,0.4);}
.bot_right ul li{width:100%;text-align:left; font-size:12px; color:#ffffff; line-height:20px;}
}

/*首页新闻样式*/
.mainall{ width:96%; max-width:1600px; margin:0 auto; height:auto; }

.sy_left{ width:48%; margin:0 auto; padding-right:2%; float: left; margin-top:30px}
.sy_btbj{ width:100%; margin:0 auto; height:42px;margin-top:10px; border-bottom:3px solid #b2160c; margin-bottom:35px; padding-bottom:10px}
.sy_bta{ line-height:2.5rem; font-size:2.0rem; color:#b2160c; text-align:left; float:left; width:50%;  }
.sy_btb{ text-align:right; float:right; width:30%; margin-top:15px}
.sy_btb a{ font-size:0.8rem; color:#b2160c}
.sy_btb a:hover{color:#333}
.sy_pic_list{ width:100%; margin:0 auto; margin-bottom:10px;}
.sy_pic{ width:100%; margin:0 auto; text-align:center}
.sy_pic img{ text-align:center!important}

.sy_right{ width:48%; margin:0 auto; padding-left:2%; float: right; margin-top:30px;}
.syljdt_list{ width:98%; margin:0 auto; border-bottom:1px dashed #E4E4E4; padding:15px 0px; margin-top:10px}
.syljdt_list_time{ width:77px; height:63px; margin:0 auto; background-color:#e8e8e8; display:block;float:left}
.datea{color:#b01f24; width:100%; text-align:center; line-height:50px; font-size:2.4rem}
.dateb{ width:100; background-color:#b01f24; font-size:0.9rem; line-height:25px;text-align:center; color:#FFF}
.syljdt_lista{ width:85%; float:right; margin-left:20px;}
.syljdt_lista h2{ text-align:left; margin-bottom:5px; font-weight:600}
.syljdt_lista h2 a{ font-size:1.1rem;line-height:1.6rem; text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.syljdt_lista h2 a:hover{ color:#b01f24}
.syljdt_lista p{ text-align:left}
.syljdt_lista p a{ font-size:1.0rem;line-height:1.5rem; color:#666;  text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.syljdt_lista p a:hover{ color:#CCC}


@media screen and (max-width:1440px) {
.sy_left{ width:43%; margin:0 auto; padding-right:2%; float: left; margin-top:30px}
.sy_right{ width:51%; margin:0 auto; padding-left:2%; float: right; margin-top:30px;}

.syljdt_lista{ width:81%; float:right; margin-left:20px}
}

@media screen and (max-width:1280px) {
.sy_left{ width:50.5%; margin:0 auto; padding-right:1.5%; float: left; margin-top:30px}
.sy_right{ width:46%; margin:0 auto; padding-left:1.5%; float: right; margin-top:30px;}

.syljdt_lista{ width:81%; float:right; margin-left:20px}
}


@media screen and (max-width:1024px) {
.sy_left{ width:45%; margin:0 auto; padding-right:2%; float: left; margin-top:30px}
.sy_right{ width:49%; margin:0 auto; padding-left:2%; float: right; margin-top:30px;}
.syljdt_list{ width:98%; margin:0 auto; border-bottom:1px dashed #E4E4E4; padding:5px 0px; margin-top:5px}

.syljdt_list_time{ width:70px; height:56px; margin:0 auto; background-color:#e8e8e8; display:block;float:left}
.datea{color:#b01f24; width:100%; text-align:center; line-height:45px; font-size:2.0rem}
.dateb{ width:100; background-color:#b01f24; font-size:0.9rem; line-height:20px;text-align:center; color:#FFF}
.syljdt_lista{ width:78%; float:right; margin-left:20px;}

.syljdt_lista h2{ text-align:left; margin-bottom:5px; font-weight:600}
.syljdt_lista h2 a{ font-size:1.0rem;line-height:1.4rem; text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.syljdt_lista h2 a:hover{ color:#b01f24}
.syljdt_lista p{ text-align:left}
.syljdt_lista p a{ font-size:0.9rem;line-height:1.3rem; color:#666;  text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
}

@media screen and (max-width:800px) {
.sy_left{ width:100%; margin:0 auto; padding-right:0%; float: left; margin-top:30px}
.sy_right{ width:100%; margin:0 auto; padding-left:0%; float: right; margin-top:10px; margin-bottom:20px}
.syljdt_lista{ width:80%; float:right; margin-left:20px}
.datea{color:#b01f24; width:100%; text-align:center; line-height:50px; font-size:2.0rem}


.syljdt_list_time{ width:77px; height:63px; margin:0 auto; background-color:#e8e8e8; display:block;float:left}
.dateb{ width:100; background-color:#b01f24; font-size:0.9rem; line-height:25px;text-align:center; color:#FFF}
.syljdt_lista h2{ text-align:left; margin-bottom:5px; font-weight:600}
.syljdt_lista h2 a{ font-size:1.1rem;line-height:1.6rem; text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.syljdt_lista h2 a:hover{ color:#b01f24}
.syljdt_lista p{ text-align:left}
.syljdt_lista p a{ font-size:1.0rem;line-height:1.5rem; color:#666;  text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.syljdt_lista p a:hover{ color:#CCC}
}

@media screen and (max-width:540px) {
.sy_left{ width:100%; margin:0 auto; padding-right:0%; float: left; margin-top:10px}
.syljdt_lista{ width:75%; float:right; margin-left:20px}
.sy_bta{ line-height:2.5rem; font-size:1.6rem; color:#b2160c; text-align:left; float:left; width:50%;  }
.sy_btbj{ width:100%; margin:0 auto; height:42px;margin-top:10px; border-bottom:3px solid #b2160c; margin-bottom:5px; padding-bottom:10px}

}
@media screen and (max-width:415px) {
.syljdt_lista{ width:74%; float:right; margin-left:20px}

}

@media screen and (max-width:375px) {
.sy_left{ width:100%; margin:0 auto; padding-right:0%; float: left; margin-top:10px}
.sy_right{ width:100%; margin:0 auto; padding-left:0%; float: right; margin-top:10px; }
.syljdt_lista{ width:71%; float:right; margin-left:10px}
.sy_bta{ line-height:2.0rem; font-size:1.5rem; color:#b2160c; text-align:left; float:left; width:70%;  }

}


/*****内页+二级导航*****/
.subPage_con{ display:none}
.concert_main{ margin:0 auto; width:96%; display:block; height: auto; max-width:1600px}
.aside_nava{margin:0 auto; float:left; background-color:#f4f4f4; width:25%;max-width:300px ;min-width:220px; border-bottom:8px solid #5a5a5a; padding-bottom:70px}
.aside_nava img{padding-top:20%; width:100%;}
.section_main{ width:78%; margin:0 auto;background-color:#FFF; float:right; }

.aside_nav{ width:25%; height:85px; line-height:85px; color:#FFF; background-color:rgba(0,0,0,0.5); text-align:center; font-size:2.0rem; font-weight:700; position:absolute; margin-top:-85px; z-index:2; max-width:300px; min-width:220px; }
.aside_nav a{font-size:1.6rem; color:#FFF;}
.aside_nav a:hover{ color:#FF0;}

.aside_nav1 ul li{ width:80%; margin:0 auto; border-bottom:1px dashed #cbcbcc; height:3.0rem; text-align:center;  display:block; padding-left:10% }
.aside_nav1 ul li a{line-height:3.0rem; font-size:1.1rem;  display:block; text-align:left;}
.aside_nav1 ul li a:hover{ color:#bf3032;display:block; margin-left:3px}
.section_bt{ width:50%; margin:0 auto;line-height:40px; font-weight:500;color:#bf3032; float:left; text-align:left; padding-left:3%; font-size:1.8rem}
.section_ad{ width:43%; margin:0 auto;line-height:20px; padding-top:15px;font-size:12px; color:#999; float:right; text-align:right; padding-right:3%}
.section_ad a{font-size:12px; color:#999; text-align:right;}
.section_ad a:hover{font-size:12px; color:#000; text-align:right;}

.section_nr{ width:94%; margin:0 auto; border-bottom:1px solid #e3e3e3; height:50px; margin-top:30px; margin-bottom:20px}
.left_zl{ margin:0 auto; margin-top:10px; text-align:center}
.article_nr{ width:90%; line-height:2.0rem; font-size:1.0rem; margin:0 auto; text-align:left; padding:2%; min-height:500px; color:#666;}
.article_nr p{line-height:2.0rem; font-size:1.0rem;  color:#666;}
.article_nr h3{ width:100%; line-height:25px; font-size:1.4rem; text-align:center; color:#930; font-weight:500; margin:0 auto; margin-bottom:15px; padding:5px}

/*****手机端内容二级导航*****/
@media(min-width:260px) and (max-width:1440px) {
.section_main{ width:75%; margin:0 auto;background-color:#FFF; float:right; }
	
}
@media(min-width:260px) and (max-width:1140px) {

.section_bt{ width:50%; margin:0 auto;line-height:40px; font-weight:500;color:#bf3032; float:left; text-align:left; padding-left:3%; font-size:1.8rem}
.section_ad{ width:40%; margin:0 auto;line-height:20px; padding-top:15px;font-size:12px; color:#999; float:right; text-align:right; padding-right:3%}

.aside_nava{margin:0 auto; float:left; background-color:#f4f4f4; width:25%;max-width:280px;min-width:220px;}
.section_main{ width:70%; margin:0 auto;background-color:#FFF; float:right; }
.aside_nav{ width:25%; height:85px; line-height:85px; color:#FFF; background-color:rgba(0,0,0,0.5); text-align:center; font-size:1.45rem;position:absolute; margin-top:-85px; z-index:2; max-width:300px; min-width:220px; }
.aside_nav a{font-size:1.45rem; color:#FFF;}
.aside_nav a:hover{ color:#FF0;}
}

@media screen  and (max-width:800px) {
.aside_nava{ display:none}
.section_main{ width:100%; margin:0 auto;background-color:#FFF; float:right; }
.section_ad{ display:none}
.section_bt{ width:85%; margin:0 auto;line-height:40px; font-weight:500;color:#bf3032; float:left; text-align:left; padding-left:3%; font-size:1.5rem} 

}

@media screen  and (max-width:480px) {
.section_nr{ width:94%; margin:0 auto; border-bottom:1px solid #e3e3e3; height:50px; margin-top:10px; margin-bottom:10px}
.section_bt{ width:80%; margin:0 auto;line-height:40px; font-weight:500;color:#bf3032; float:left; text-align:left; padding-left:3%; font-size:1.5rem} 
.section_ad{ display:none}
}

/*********首页新闻列表页************/

.list-content{padding:10px 0px; width:95%; margin:0 auto}
.list-content ul{list-style:none;margin-bottom:15px;}
.list-content ul li{height:40px; line-height:40px; text-align:left; width:98%;overflow:hidden; position:relative; color:#333;}
.list-content ul li span{ width:20%; float:right; position:absolute; right:0; text-align:right; top:0; color:#999; font-size:0.8rem; }
.list-content ul li a{width:80%; float:left;color:#666; font-size:1.0rem; text-align:left;}
.list-content ul li a:hover{ color:#CCC;}
@media screen and (max-width:1124px) {
.list-content ul li a{width:75%; float:left;color:#666; font-size:1.0rem;}
.list-content ul li a:hover{ color:#900;}
.list-content ul li span{ width:25%; float:right; position:absolute; right:0; text-align:right; top:0; color:#999; font-size:0.8rem; }
}
@media screen and (max-width:500px) {
.list-content ul li a{width:96%; float:left;color:#666; font-size:1.0rem;}
.list-content ul li a:hover{ color:#900;}
.list-content ul li span{ display:none} 
}

/*********新闻列表页************/
.list-content1{padding:10px 0px; width:95%; margin:0 auto}
.list-content1 ul{list-style:none;margin-bottom:15px;}
.list-content1 ul li{height:45px; line-height:45px; text-align:left; width:98%;overflow:hidden; position:relative; color:#333; border-bottom:1px solid #E8E8E8; padding-left:1%}
.list-content1 ul li span{ width:20%; float:right; position:absolute; right:0; text-align:right; top:0; color:#999; font-size:0.8rem; }
.list-content1 ul li a{width:80%; float:left;color:#333; font-size:1.0rem; text-align:left;}
.list-content1 ul li a:hover{ color:#CCC;}
@media screen and (max-width:1124px) {
.list-content1 ul li a{width:75%; float:left;color:#333; font-size:1.0rem;}
.list-content1 ul li a:hover{ color:#900;}
.list-content1 ul li span{ width:25%; float:right; position:absolute; right:0; text-align:right; top:0; color:#999; font-size:0.8rem; }
}
@media screen and (max-width:500px) {
.list-content1 ul li a{width:96%; float:left;color:#333; font-size:1.0rem;}
.list-content1 ul li a:hover{ color:#900;}
.list-content1 ul li span{ display:none} 
}

/*********新闻内页************/
.nr_zi{text-align:left; font-size:1.0rem; line-height:2.0rem; }
.nr_zi p{text-align:left; font-size:1.0rem; line-height:2.0rem;}
.news_bt{ width:100%; line-height:30px; font-size:1.6rem; text-align:center; color:#333; font-weight:500; margin:0 auto; margin-bottom:15px; padding:5px}
.fh{ width:100%; padding-bottom:30px; text-align:center; margin:0 auto; font-size:0.8rem; padding-top:20px}
.fh a{font-size:0.8rem; color:#616161}
.fh a:hover{color:#000}
.sz_r_time{text-align:center; height:auto; font-size:0.6em; color:#5e5e5e; background-color:#f1f1f1; line-height:20px; margin-bottom:40px; padding:8px; margin-top:20px}

.next{text-align: left; height:auto; font-size:0.9em; color:#5a5a5a; background-color:#f1f1f1; line-height:30px; margin-bottom:5px; padding-left:2%; width:98%}
.next a{ font-size:0.9em; color:#5a5a5a;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.next a:hover{ font-size:0.8em; color:#CCC;}

@media screen and (max-width:900px) {
 .news_bt{ width:95%;font-size:1.2rem; line-height:2.0rem}
 .article_nr{ width:96%; line-height:1.8rem; font-size:1.0rem; text-align:left; margin:0 auto; padding:2%; min-height:500px; color:#666}

}
@media screen and (max-width:500px) {
 .nr_zi img{ width:100%}
.article_nr img{ width:100%}

}

@media screen and (max-width:425px) {
.nr_zi{text-align:left; font-size:1.0rem; line-height:1.8rem; }
.nr_zi p{font-size:1.0rem; line-height:1.5rem;}
.news_bt{ width:95%;font-size:1.1rem; line-height:1.8rem;}
.article_nr p{line-height:1.8rem; font-size:1.0rem; text-align:left; color:#666}
.sz_r_time{text-align:center; height:auto; font-size:0.6em; color:#5e5e5e; background-color:#f7f9fb; line-height:20px; margin-bottom:20px; padding:8px; }
}


/*****党建工作-支部风采图片列表*****/

.pic_list{ width:28.33%; float:left; margin-left:1.5%; margin-right:1.5%; background-color:#FFF;  margin-bottom:25px; box-shadow:2px 1px 5px 1px rgba(213,213,213,0.8); padding:1%}
.pic_list_img img{ width:100%; margin:0 auto;}
.pic_zia{width:92%; margin:0 auto;  text-align:center; }
.pic_zia a{text-align:center; font-size:1.0rem; line-height:2.4rem; color:#666;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.pic_zia a:hover{ color:#CCC}


@media screen and (max-width:500px) {
.pic_list{ width:94%;float:left; margin-left:1.5%; margin-right:1.5%; background-color:#FFF;  margin-bottom:15px; padding:2%;box-shadow:2px 1px 5px 1px rgba(213,213,213,0.8)}

}

.fy{ text-align:center; line-height:30px; font-size:12px; margin:0 auto;}

/*列表淘宝分页样式*/
#fenye a{text-decoration: none;}
#fenye{margin: auto 0; margin-top:20px; float:right; margin-bottom:30px}
#fenye .disabled{display:none;}
#fenye a,#fenye span{display:block;float:left;}
#fenye a{margin-left:5px;}
#fenye .f a{color:#919191;width:45px;height:30px;border:1px solid #cacaca;line-height:30px;text-align:center;font-size:12px}
#fenye .number a,#fenye span.current{color:#60719F;width:30px;height:30px;border:1px solid #cacaca;line-height:30px;text-align:center; font-size:12px}
#fenye span.omit{color:#666;border:0;width:24px;text-align:center;padding-top:9px;}
#fenye span.current{border-color:#0256a3;color:#0256a3;margin-left:5px;}
#fenye .total{margin-left:5px;height:30px;line-height:30px;padding:0 5px;color:#888;font-size:14px}
#fenye .up a{padding-left:4px;background:url('images/tbup.jpg') no-repeat 2px center;}
#fenye .down a{padding-right:4px;background:url('images/tbdown.jpg') no-repeat 52px center;}
#fenye input{text-align:center;padding:0px;float:left;border:1px solid #ccc;width:30px;height:30px;line-height:30px;margin-right:5px;font-size:12px}
#fenye button{float:left;font-size:12px;background-color:#919191; color:#FFFFFF;width:45px;height:30px; border-radius:5px}

/* 首页通知公告样式 */

.sy_tzgg{ width:100%; min-height:230px; height:auto; background:url(../images/bj01.png) repeat 0 0; background-color:#a22428}
.sy_sjjd{ width:100%;  min-height:230px; height:auto; background:url(../images/bj02.png) repeat 0 0;}
.sy_tzgg_left{ width:5%; font-size:2.3rem; margin:0 auto; color:#FFF; margin-top:36px; float:left; max-width:70px;  text-align:left; line-height:2.7rem;}
.sy_tzgg_left a{ color:#FFF;}
.sy_tzgg_left a:hover{color:#FF0;}

.sy_sjjd_left{ width:5%; font-size:2.3rem; margin:0 auto; color:#b01f24; margin-top:36px; float:left;max-width:70px;  text-align:left; line-height:2.7rem; }
.sy_sjjd_left a{ color:#b01f24;}
.sy_sjjd_left a:hover{color:#000;}

.sy_tzgg_right{ width:95%; margin:0 auto; margin-top:40px; float:left; height:150px}
@media screen and (max-width:800px) {
.sy_tzgg_left{ width:15%; font-size:2.2rem; margin:0 auto; color:#FFF; margin-top:40px; float:left; text-align:center; }
.sy_sjjd_left{ width:15%; font-size:2.2rem; margin:0 auto; color:#b01f24; margin-top:40px; float:left; text-align:center; }
.sy_tzgg_right{ width:85%; margin:0 auto; margin-top:40px; float:left;}	
}

@media screen and (max-width:540px) {
.sy_tzgg_left{ width:15%; font-size:1.9rem; margin:0 auto; color:#FFF; margin-top:40px; float:left;writing-mode: vertical-lr; text-align:center;letter-spacing:5px }
.sy_sjjd_left{ width:15%; font-size:1.9rem; margin:0 auto; color:#b01f24; margin-top:40px; float:left;writing-mode: vertical-lr; text-align:center; letter-spacing:5px}
}

/* 首页党建工作样式 */
.sy_djgz{ width:48%; float:left; margin:0 auto; text-align:left; margin-top:30px; margin-bottom:30px}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

img {
  border: 0;page-break-inside: avoid;max-width: 100% !important;vertical-align: middle;
}


.index-threebox {
    padding-top: 50px;
}

.jichen-box {
    padding: 0 1.5% 0 0;
    margin-bottom: 20px;
}

.jichen-box .item ul, .theory-box .item ul {
    height: 63px;
    border-bottom: 2px solid #a91e24;
}

.jichen-box .item ul li, .theory-box .item ul li {
    display: inline-block;
    margin-bottom: -9px; 
}

.jichen-box .item ul li a, .theory-box .item ul li a {
    font-size: 24px;
    color: #d25c51;
    transition: all .5s linear;
    padding-left: 12px;
}

.jichen-box .item ul li {
    height: 65px;
    line-height: 60px;
}



.jichen-box .item ul li.active {
    line-height: 63px;
}

.jichen-box .item ul li.active a {
    font-size: 32px;
    font-weight: bold;
    color: #c30505;
}


.jichen-box .item ul li .item-li {
    margin: 0px 10px 14px 25px;
}

.jicheng .cont, .gzzn .cont {
    position: relative;
}

.jicheng .more, .gzzn .more {
    position: absolute;
    right: 25px;
    top: 26px;
    font-size: 14px;
    color: #b95757;
}

.jicheng .more img, .gzzn .more img {
    margin-left: 5px;
    margin-bottom: 3px;
   -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.jicheng .more:hover img, .gzzn .more:hover img{
   margin-left: 10px;
}

.jicheng ul li, .gzzn ul li {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 12px;
}

.jicheng ul li a, .gzzn ul li a {
    width: 100%;
    font-size: 18px;
    line-height: 63px;
    display: block;
    height: 63px;
    box-sizing: border-box;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jicheng ul li:hover a, .gzzn ul li:hover a{
    color: #c4000a;
    font-weight: bold;
}

.theory-box {
    padding: 0 0 0 1.5%;
    margin-bottom: 20px;
}

@media screen and (max-width:768px) {
.sy_djgz{ width:100%; float:left; margin:0 auto; text-align:left; margin-top:5px; margin-bottom:10px}

.jichen-box .item ul li a, .theory-box .item ul li a {
    font-size: 18px;
    color: #d25c51;
    transition: all .5s linear;
    padding-left: 12px;
}
.jichen-box .item ul li.active a {
    font-size: 22px;
    font-weight: bold;
    color: #c30505;
}	
.jicheng ul li a, .gzzn ul li a {
    width: 100%;
    font-size: 16px;
    line-height: 43px;
    display: block;
    height: 43px;
    box-sizing: border-box;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
}

.theory-box .item ul li {
    height: 65px;
    line-height: 60px;
}



.theory-box .item ul li.active a {
    font-size: 32px;
    font-weight: bold;
    color: #c30505;
}



.theory-box .item ul li .item-li {
    margin: 0px 10px 14px 25px;
}

.lilun .cont, .zhidu .cont {
    position: relative;
}

.lilun .more, .zhidu .more {
    position: absolute;
    right: 5px;
    top: 26px;
    font-size: 14px;
    color: #b95757;
}

.lilun .more img, .zhidu .more img {
    margin-left: 5px;
    margin-bottom: 3px;
 -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.lilun .more:hover img, .zhidu .more:hover img{
   margin-left: 10px;
}

.lilun ul li, .zhidu ul li {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 12px;
}

.lilun ul li a, .zhidu ul li a {
    width: 100%;
    font-size: 18px;
    line-height: 63px;
    display: block;
    height: 63px;
    box-sizing: border-box;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lilun ul li:hover a, .zhidu ul li:hover a{
    color: #c4000a;
    font-weight: bold;
}

.lilun ul li a span, .zhidu ul li a span ,.jicheng ul li a span, .gzzn ul li a span {
    color: #c4000a;
    font-size: 18px;
    margin: 0px 15px 0px 5px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.lilun ul li:hover a span, .zhidu ul li:hover a span ,.jicheng ul li:hover a span, .gzzn ul li:hover a span{
    padding-left: 10px;
}

@media screen and (max-width:768px) {
.theory-box {
    padding: 0 0 0 0;
    margin-bottom: 20px;
}

.theory-box .item ul li.active a {
    font-size: 22px;
    font-weight: bold;
    color: #c30505;
}
.lilun ul li a, .zhidu ul li a {
    width: 100%;
    font-size: 16px;
    line-height: 43px;
    display: block;
    height: 43px;
    box-sizing: border-box;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.lilun ul li a span, .zhidu ul li a span ,.jicheng ul li a span, .gzzn ul li a span {
    color: #c4000a;
    font-size: 14px;
    margin: 0px 15px 0px 5px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
}
/*首页友情链接*/

.sy_hzhb{ width:18.6%; margin-left:0.5%; margin-right:0.5%; float:left; text-align:center; margin-top:50px; margin-bottom:40px; border:1px solid #CCC}
.sy_hzhb img{ width:100%}
@media screen and (max-width:540px) {
.sy_hzhb{ width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; margin-top:10px; margin-bottom:0px; border:1px solid #CCC}
	
}

/*首页规章制度*/
.sy_fgzd{ width:100%; background:url(../images/bjzd.png) repeat-y 0 0; background-color:#ae0604; background-position:center; min-height:300px; margin:0 auto; margin-top:20px; padding-top:30px}
.sy_fgzd_bt{ width:100%; background: url(../images/bjzd01.png) no-repeat center 0; font-size:2.2rem; font-weight:600; color:#FFF; text-align:center; line-height:100px;}
.sy_fgzd_a{ width:500px; margin:0 auto; height:80px;margin-top:20px}
.sy_fgzd_niu{ width:80px; margin:0 auto; margin-left:10px; margin-right:10px;  height:25px; float:left}
.sy_fgzd_niu a{line-height:25px; text-align:center; color:#333;background-color:#FFF; border-radius:8px;border:1px solid #FFF;display:block; font-size:16px}
.sy_fgzd_niu a:hover{ display:block; color:#fff; border:1px solid #fff; border-radius:8px;background-color:transparent;}
.sy_fgzd_niu_active{ width:80px; margin:0 auto; margin-left:9px; margin-right:9px; background-color:transparent; border-radius:8px; height:25px; display:block; border:1px solid #fff; color:#FFF;line-height:25px;float:left}

.fgzd_list{ width:20%; margin-left:1.5%; margin-right:1.5%; background-color:#FFF; padding:10px; float:left; height:155px; margin-bottom:70px}
.fgzd_list_a{height:auto;width:90%; margin:0 auto; margin-top:10px}
.fgzd_list_time{ float:left; height:40px; text-align:left; color:#a10a06; font-size:1.1rem; width:50%; line-height:30px; padding-top:10px}
.fgzd_list_lei{ float:right; height:40px; text-align:center; color:#FFF; line-height:40px; font-size:1.0rem; width:50px; background-color:#a10a06}
.fgzd_list_news{text-align:left; color:#333; width:90%; margin:0 auto; margin-top:5px}
.fgzd_list_news a{ font-size:1.1rem; line-height:30px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.fgzd_list_news a:hover{ color:#999}

@media screen and (max-width:1024px) {
.sy_fgzd{ width:100%; background:url(../images/bjzd.png) repeat-y 0 0; min-height:300px; margin:0 auto; margin-top:20px; padding-top:30px;}
.fgzd_list_a{height:auto;width:95%; margin:0 auto; margin-top:10px}
.sy_fgzd_bt{ width:100%; background: url(../images/bjzd01.png) no-repeat center 0; font-size:1.8rem; font-weight:600; color:#FFF; text-align:center; line-height:80px;}
.fgzd_list{ width:20.8%; margin-left:1.0%; margin-right:1.0%; background-color:#FFF; padding:10px; float:left; height:135px; margin-bottom:70px}
.fgzd_list_news{text-align:left; color:#333; width:95%; margin:0 auto; margin-top:5px}
.fgzd_list_news a{ font-size:1.0rem; line-height:25px;text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.fgzd_list_news a:hover{ color:#999}	
}

@media screen and (max-width:768px) {
.fgzd_list{ width:43%; margin-left:2.0%; margin-right:2.0%; background-color:#FFF; padding:10px; float:left; height:135px; margin-bottom:20px}

}

@media screen and (max-width:540px) {
.sy_fgzd{ width:100%; background:url(../images/bjzd.png) repeat-y 0 0; min-height:300px; margin:0 auto; margin-top:20px; padding-top:0px; margin-bottom:20px}
.fgzd_list{ width:92%; margin:0 auto; margin-left:2%; margin-right:2%; background-color:#FFF; padding:10px; float:left; height:105px; margin-bottom:20px}

.sy_fgzd_a{ width:340px; margin:0 auto; height:50px;margin-top:0px}
.sy_fgzd_niu{ width:60px; margin:0 auto; margin-left:4px; margin-right:4px;  height:25px; float:left}
.sy_fgzd_niu a{line-height:25px; text-align:center; color:#333;background-color:#FFF; border-radius:8px;border:1px solid #FFF;display:block; font-size:14px}
.sy_fgzd_niu a:hover{ display:block; color:#fff; border:1px solid #fff; border-radius:8px;background-color:transparent;}

.fgzd_list_time{ float:left; height:30px; text-align:left; color:#a10a06; font-size:1.0rem; width:50%; line-height:30px; padding-top:5px}
.fgzd_list_lei{ float:right; height:30px; text-align:center; color:#FFF; line-height:30px; font-size:0.9rem; width:40px; background-color:#a10a06}

}