@charset "utf-8";
/* CSS Document */
.page-main {
  display: block;
  min-width: 1252px;
  background: url('../images/zt-dxdcyjzf-mbg.jpg') no-repeat top center #ffffff; 
  *background: url('../images/zt-dxdcyjzf-mbg.jpg') no-repeat top center #fff;
}

.info-txt-box {
  margin-top:270px;
  color: #fff;
  padding: 0 20px;
  line-height: 28px;
}

.page-main .content-box {
  background:none;  
  margin-top: 0;
	padding-bottom:0px;
	min-height: inherit;
 
}

/* 民生民shen */
.ms-ys-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  margin-top:135px;
}

.ms-ys-box .item-box {
  width: calc(50% - 20px);
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
}

.ms-ys-box .item-box img {
  width: 100%;
  height: 275px;
  object-fit: cover;
}

.ms-ys-box .item-box .title-box {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 20px 15px 0;
  background: url('../images/zt-dxdcyjzf-tleft.png') left center no-repeat,
    url('../images/zt-dxdcyjzf-tright.png') right center no-repeat;
  background-size: 39%;
}

.ms-ys-box .item-box .txt-box {
  padding: 20px;
  line-height: 28px;
}

.ms-ys-box .item-box a {
  border: 1px solid #1c75d0;
  background: #fff;
  border-radius: 4px;
  display: block;
  width: 160px;
  height: 45px;
  line-height: 45px;
  margin: 10px auto 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.25s;
}

.ms-ys-box .item-box button {
  background: none;
  border: none;
}

.ms-ys-box .item-box .iconfont {
  color: #1c75d0;
  margin-right: 5px;
}

.ms-ys-box .item-box a:hover {
  background: #1c75d0;
  transform: translateY(-5px);
}

.ms-ys-box .item-box a:hover .iconfont {
  color: #fff;
  transition: all 0.25s;
}
.ms-ys-box .item-box a:hover button {
  color: #fff;
  transition: all 0.25s;
}

/* slide 公告样式 */
.base2-slide-box .hd {
  padding: 25px 0;
}

.base2-slide-box .hd ul {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('../images/zcjd-title-left.png') no-repeat left center,
    url('../images/zcjd-title-right.png') no-repeat right center;
  background-size: 40%;
  overflow: inherit;
}

.base2-slide-box .hd ul li {
  font-size: 24px;
  position: relative;
  padding: 0 15px;
  cursor: pointer;
  color: #828282;
  transition: all 0.25s;
}

.base2-slide-box .hd ul .on {
  color: #0e5fca;
  font-weight: bold;
}

.base2-slide-box .hd ul .on::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-bottom-color: #0e5fca;
}

.base2-slide-box .hd ul li:nth-of-type(2) {
  border-left: 1px solid #e0e0e0;
}

/* 更多样式 */
.moer-box {
  display: flex;
  flex-direction: row-reverse;
}

.moer-box a {
  display: inline-block;
  padding: 20px 0;
}

/* 调查研究基本功 */
.dcyjjbg-box {
  background: #f7f7f7;
  
}

.dcyjjbg-slide-box .hd ul {
  background-size: 42%;
  overflow: hidden;
}

.dcyjjbg-list {
  display: flex;
  flex-flow: row wrap;
  margin: -20px 0 0 -20px;
  overflow: inherit;
  justify-content: space-between;
  width: auto;
}
.yjzj-slide-box{margin-top:-20px;}
.yjzj-slide-box .bd{margin-top:15px;}
.dcyjjbg-list .d-item-box {
  box-sizing: border-box;
  margin: 20px 0 0 20px;
  width: calc(50% - 20px);
  background: #ffffff;
  box-shadow: 1px 2px 0 0 #e5ecf4;
  padding: 15px;
  transition: all 0.25s;
}

.dcyjjbg-list .d-item-box:hover {
  transform: translateY(-5px);
  box-shadow: 4px 5px 0 0 #e5ecf4;
}

.d-item-box .title-box {
  font-size: 20px;
  font-weight: bold;
}

.d-item-box .title-box .iconfont {
  font-weight: 500;
  font-size: 22px;
  color: #4288f5;
  margin-right: 5px;
}

.d-item-box .txt-box {
  margin-top: 10px;
  color: #676767;
  line-height: 28px;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2; /*数字是几就显示几行*/
  -webkit-box-orient: vertical;
  word-break: break-word;
height: 60px; 	
}

.d-item-box a {
  color: #676767;
  transition: all 0.25s; 
  display: inline-block;
}

.d-item-box a:hover {
  color: #e61101;
}

/* 意见征集 网上调查 */
.yjzj-list {
  display: flex;
  flex-flow: row wrap;
  margin: -20px 0 0 -30px;
  width: auto;
}

.yjzj-list .yjzj-item-box {
  width: calc(50% - 30px);
  box-sizing: border-box;
  margin: 20px 0 0 30px;
  padding: 15px 20px 15px 15px;
  background: #f3f6fb;
  display: flex;
}

.yjzj-item-box .left-box {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: #fff;
  border-radius: 5px;
  width: 70px;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
  margin-right: 15px;
  color: #636363;
  flex-shrink: 0;
}

.yjzj-item-box .active {
  background: #2166cb;
  color: #fff;
}

.yjzj-item-box .right-box {
  flex: 1;
  max-width: 491px;
  box-sizing: border-box;
}

.yjzj-item-box .right-box .info-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #777;
}

.yjzj-item-box .right-box .join-but {
  margin-top: 10px;
}

.yjzj-item-box .right-box .join-but a {
  padding: 5px;
  border: 1px dashed #2166cb;
  color: #0e5fca;
  display: block;
  background: #fff;
  transition: all 0.25s;
}

.yjzj-item-box .right-box .join-but a:hover {
  border: 1px solid #fff;
  color: #fff;
  background: #0e5fca;
}

/*--民生民声---*/
.diaoyanbox1{ width: 100%; background: url(../images/dxdy-bg1.jpg) no-repeat center top;}
.diaoyanbox2{ background: url(../images/dxdy-bg2.jpg) no-repeat center top;}
.m_head{width:1200px;margin:0 auto;padding-top:70px;}
.m_txtbox{/*background: url(../images/msms-tmbg.png) center 0 repeat;*/ background: rgba(255,255,255,0.7);*background: rgba(255,255,255,0.7); height: 230px;padding-top: 30px;}
.m_txtbox h1{font-size: 36px;text-align: center;margin-bottom: 20px; }
.m_txtbox h1 span{padding:0 45px 10px;border-bottom: 1px solid #fff;color: #444;}
.m_txtbox .txt{padding: 15px 30px; text-align: center;}
.m_txtbox .txt p{font-size: 18px;line-height: 1.5em;color: #444;margin-bottom: 10px;text-indent: 2em;}

.m_layout{width:1200px;margin:0 auto;padding:20px 100px ; box-sizing: border-box;}
.item{padding-bottom:20px;float: left;}
.tit{float:left;width:110px;font-size:16px;color:#000;text-align: right;line-height:40px;margin-right: 25px;}
.item .tit i{color: #bd1a2d;padding-right: 10px;font-style: normal;vertical-align: middle;}
.item input{float:left;width:600px;height:40px;line-height:40px;padding:0 18px;border:1px solid #dfdfdf;border-radius: 5px;font-size:14px;}
.select_box {position: relative;float:right;width:600px;}
.select_box span{font-size: 14px;color: #000;border:1px solid #dfdfdf;height: 40px;background: #fff url(../images/msms_icon_select.png) right center no-repeat;line-height: 40px;display: block;border-radius: 5px;padding:0 15px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.select_box span.cur{background: #fff url(../images/msms_icon_selectcur.png) right center no-repeat;}
.select_box ul{position: absolute;left:0;top:39px;width:300px;border:1px solid #dfdfdf;border-radius: 5px;background: #fff;text-align: center;height: 200px;overflow-y: auto;z-index: 100;display: none;}
.select_box ul li{height: 40px;line-height: 40px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;font-size:16px;}
.select_box ul li:hover{background: #f0f0f0;}
.select_career{float: left;width:600px;height:40px;line-height:40px;padding:0 15px;border:1px solid #dfdfdf;border-radius: 5px;font-size:14px;cursor: pointer;}
.item .message_box{position: relative;float:left;width:600px;height:280px;line-height:40px;padding:15px 18px 20px;border:1px solid #dfdfdf;border-radius: 5px;}
.item textarea{font-size:16px;height:220px;border:0;width:575px;line-height: 1.5em;background: 0;}
.item .tips{position: absolute;right:25px;bottom:0;font-size: 14px;color: #999;}
.item .tips span{color: #bd1a2d;}
.item .ipt_code{width:150px;margin-right: 20px;}
.imgCode{float: left;width: 100px;height:40px;margin-right: 20px;cursor: pointer;}
.code_tips{float: left;font-size: 14px;color: #999;padding-top: 20px;cursor: pointer;}
.btn_box{text-align: center;clear: both;}
.btn_box button{width:120px;height: 40px;line-height: 40px;color: #fff;font-size: 16px;border:0;border-radius: 5px;display: inline-block;margin:0 10px;cursor: pointer;}
.btn_submit{background: #bd1a2d;width: 120px;height: 40px;line-height: 40px;color: #fff;font-size: 16px;border: 0;border-radius: 5px;display: inline-block;margin: 0 10px;cursor: pointer;}
.btn_reset{background: #bdbdbd;}
@media only screen and (max-width: 750px) {
.m_layout{width:100%;padding: 0 2%;}
.g_head{background-size: 100%;height: auto;padding-top: 19%;}
.m_head{width:100%;}
.m_txtbox{height: auto;padding-top: 10px;background: 0;}
.m_txtbox h1{font-size: 22px;margin-bottom: 0;}
.m_txtbox h1 span,.m_txtbox .txt p{color: #000;}
.m_txtbox .txt{padding:2% 2% 0;}
.item{float: none;padding-bottom: 10px;}
.select_box ul{width:100%;}
.select_career{width:100%;}
.tit{width:100%;margin-right: 2%;float: none;text-align: left;display: block;}
.item input,.select_box,.item .message_box{width:100%;float: none;}
.item textarea{width:100%;}
.item .ipt_code{float: left;}
.btn_box{padding:20px 0;}
}