*{padding:0;margin:0;}
/*common*/
body{font-size:14px;}
.clear{clear:both;}
.common_tab{border:1px solid #e0e0e0;margin-bottom:26px;box-sizing:border-box;}
.common_more{float:right; color:#666666; font-size:14px;margin-right:20px;}
.common_more:hover{color:#333;}
.tab_title{height:44px; line-height:44px;box-sizing:border-box;border-left:0;background:#f0f0f0;}
.tab_title p{font-size:18px; float:left;padding:0px 25px;border-top:0; font-weight:bold; }
.tab_title p.on{background:#EE0000; color:#fff; }
.tab_title ul{overflow:hidden;float:left;}
.tab_title ul li{float:left;font-weight:bold;padding:0px 25px;font-size:18px; cursor:pointer;}
.tab_title ul li.on{color:#fff;background:#EE0000; cursor:pointer;}
.common_newslist li{ overflow:hidden;line-height:36px; background:url(/global/dian.jpg) no-repeat left center; padding:0 20px;}
.common_newslist li a{float:left;max-width:67%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.common_newslist li span{float:right; color:#999;position:relative;}
.common_newslist{padding: 16px 0px 24px 28px;}
.common_newslist .bold a{color:#f00 !important; font-weight:bold !important; background:url(/global/20060905030401710.gif) right center no-repeat; padding-right:30px;}

.container{max-width:1200px;margin:0 auto;box-sizing:border-box;overflow: hidden;}
.main{border:1px solid #d8e4f2;margin-bottom:26px;}
.area1{overflow: hidden;padding:20px 20px 0px;background:#fff;}
.area2{padding:0 20px; width:70%; float:left;}
.area1 .left_box{float:left;width:63.9%;box-sizing:border-box;}
.area1 .right_box{float:right;width:34.5%;box-sizing:border-box;}

.zjkzc{padding:0px 10px 0px;}
.zjkzc li{ border:1px #ccc solid; text-align:center;  list-style-type:none; width:31%; margin:0px 10px 20px; float:left; background-color:#F0F0F0; padding:0px 10px; text-align:left; height:70px;}
.zjkzc li a{background:url(/global/zjkzc01.png); background-repeat: no-repeat; background-position:10px 20px; display:block; font-size:16px; line-height:70px; padding-left:50px;}
.zjkzc li.zjk02 a{ background:url(/global/zjkzc02.png); background-repeat: no-repeat; background-position:10px center;}
.zjkzc li.zjk03 a{ background:url(/global/zjkzc03.png); background-repeat: no-repeat; background-position:10px center;}
.zjkzc li.zjk04 a{ background:url(/global/zjkzc04.png); background-repeat: no-repeat; background-position:10px center;}
.zjkzc li.zjk05 a{ background:url(/global/zjkzc05.png); background-repeat: no-repeat; background-position:10px center;}
.zjkzc li.zjk06 a{ background:url(/global/zjk-icon01.png); background-repeat: no-repeat; background-position:10px center;}
 
/*机构简介、领导班子*/
.tab_jgjj{height:244px;}
.tab_ldbz{height:244px;}
.tab_ldbz .names li{ display:block; line-height: 48px; height: 48px; color:#666; border-bottom: #e7e7e7 1px solid; text-align:center;}
.tab_ldbz .names li:hover{ background: #f4f4f4;}
.tab_ldbz .names li span{width:20%; display:block; float:left; padding-left:20px; color:#06C}
.tab_ldbz .names li span a{color:#06C}
.tab_ldbz .names li span a:hover{color:#F30;}
.tab_jgjj p{line-height:36px;padding:14px 25px 10px;}


.title_b{font-weight:bold;}

/*参事简介*/
.csjj .tab_list{padding:15px 0;}
.csjj .tab_list a{display:inline-block;width:12%;text-align:center;}

/*艺苑拾萃*/
.area2 .yyscScroll{margin:0 auto;position:relative;padding:10px 20px;}
.yyscScroll .hd .prev,.yyscScroll .hd .next{position:absolute;top:30%;left:0;display:block;width:22px; height:50px;opacity:0.7;background:#8C8C8C url(/global/slider-arrow.png) -50px 12px no-repeat;background-size:110px;}
.yyscScroll .hd .prev{border-radius:0 10px 10px 0;}
.yyscScroll .hd .next{border-radius:10px 0px 0px 10px;}
.yyscScroll .hd .next{right:0;left:auto;background-position:7px 12px;}
.yyscScroll .tempWrap{margin:0 auto;}
.yyscScroll .bd ul{overflow:hidden;margin:0 auto;}
.yyscScroll .bd ul li{float:left;margin:0 6px;}
.yyscScroll .bd ul li img{height:130px;}
.yyscScroll1 .bd ul li img{width:147px;}
.yyscScroll2,.yyscScroll3,.yyscScroll4{display:none;}

#ad1{Z-INDEX:10; position:absolute; left:5px; top:205px;}


/*responsive*/
/* lg */ 
@media (min-width: 1121px) and (max-width: 1280px) {
	.container{padding:0px;}
	.area3{width:28%;}
	/*首页*/
	.csjj .tab_list a{width:11.9%;}
	.yyscScroll .bd ul li img{width:133px;}
}
@media (max-width: 1200px){
	.container{width:100%;padding: 0 0%;}
	}
/* md */
@media (min-width: 992px) and (max-width: 1120px) {
	/*首页*/
	.csjj .tab_list a{width:11.8%;}
	/*滚动显示六张图*/
	.yyscScroll{display:none;}
	.yyscScroll2{display:block;}
	.yyscScroll2 .bd ul li img{width:133px;}
}

@media (max-width: 991px){
	/*首页*/
	.tab_jgjj, .tab_ldbz{height:auto;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	 /*首页*/
    .area1 .left_box{width:100%;}
    .area1 .right_box{width:100%;}
	.csjj .tab_list a{width:11.8%;}
	/*滚动显示四张图片*/
	.yyscScroll{display:none;}
	.yyscScroll3{display:block;}
	.yyscScroll3 .bd ul li img{width:147px;}
}

/* xs */
@media (max-width: 767px) {
	/*首页*/
	.name{margin:80px 20px 0px;padding:18px 0px 18px 70px;background-position:32px 18px;}
	.name_left{font-size:18px;}
    .area1 .left_box{width:100%;}
    .area1 .right_box{width:100%;}
	.csjj .tab_list a{width:11.7%;}
	.yyscScroll{display:none;}
	.yyscScroll3{display:block;}
	.yyscScroll3 .bd ul li img{width:133px;}
}

@media (max-width: 679px) {
	/*首页*/
	.yyscScroll3 .bd ul li img{width:100px;height:100px;}
	.zjkzc li{width: 95%;}
	.common_newslist{padding-right: 16px;}
	.common_newslist li{line-height: 1.5;}
	.common_newslist li a, .common_newslist li span{    float: none;
    display: inline;
    position: static;
    white-space: normal;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: auto;}
}

@media (max-width: 550px){
	.csjj .tab_list a{width:11.6%;}
	.name_left{width:100%;line-height:30px;}
	.name{background-position:32px 30px;}
	/*滚动显示2张图片*/
	.yyscScroll{display:none;}
	.yyscScroll4{display:block;}
	.yyscScroll4 .bd ul li img{width:140px;}
	.zjkzc li a{background-position: 10px center;}
	
}

/* XS Portrait */
@media (max-width: 479px) {
	/*首页*/
	.csjj .tab_list a{width:23.5%;}	
}
@media (max-width: 400px) {
	/*首页*/
	.tab_jgjj, .tab_ldbz{height:auto;}
	.yyscScroll4 .bd ul li img{width:100px;height:80px;}
	.tab_title p,.tab_title ul li{padding:0px 18px;font-size:16px;}
	.zjkzc li{display: flex; align-items: center;}
	.zjkzc li a{height: 30px; line-height: 22px;}
}

@media (max-width: 360px) {
	/*首页*/
	.tab_title p, .tab_title ul li{font-size:14px;}
}

@media (max-width: 320px) {
	.zjkzc li a{height: 45px;}
}