@charset "utf-8";
/* CSS Document */
body {background: url(../images/lm_bodybg.jpg) left top no-repeat;background-attachment: fixed;background-size: cover;background-size: 100% 100%;}
.lm_main{ padding: 20px; background: #fff;}
/*政民互动-信箱*/
.hd_left{ width: 820px;}
.hd_right{ width: 320px;}
.hd_title{ font-size: 16px;text-align: center; font-weight: bold; height: 42px; line-height: 42px; border-bottom: 1px solid #ddd; margin-top: 8px;position: relative;}
.hd-mesgbox .t1{margin-right:234px;}
.hd-mesgbox .t2{ width: 140px;text-align: center; position: absolute; top: 0;right: 94px;}
.hd-mesgbox .t3{ width: 94px;text-align: center; position: absolute;top: 0;right: 0;}
.hd_list{ height: 225px; color: #999; margin-top: 9px;}
.hd_list li{font-size: 16px; height: 38px; line-height: 38px;position: relative; }
.hd_list li .t2 .responseNo {color: #e20000;}
.hd_list li .t1 a{text-align: left; display: block; padding-right: 10px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}

.hdm_btn li{  margin-bottom: 12px; text-align: center;}
.hdm_btn li a{ display: block;font-size: 18px;  height: 68px; line-height: 68px; border: 1px solid #ddd;}
.hdm_btn li img{ margin-right: 28px;}
.hdm_btn li a:hover img{webkit-transition:  -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
/*政民互动-访谈*/
.hd_zxft{ border: 1px solid #ddd; padding-bottom: 20px;}
.ft_tabs{ height: 48px; line-height: 48px; font-size: 20px;  background: url(../images/hd_atab.gif) left center no-repeat; padding-left: 5px;}
.ft_tabs ul li{ display: inline; float: left; padding: 0 15px;}
.ft_tabs ul li.active{ color: #cf000a; font-weight: bold;}
.ft_tabs ul li.active a{ color: #cf000a;}
.hd_zxftcon{ padding: 0  18px;}
.hd_zxft_left{ width: 795px; height: 230px; border-right: 1px  solid #ddd; padding-right: 25px;  }
.hd_zxft_left .ind_ftbox{ height: 230px;}
.hd_zxft_left .ind_ftbox .ftimg{ float: left; width: 307px; height: 230px;}
.hd_zxft_left .ind_ftbox .ftimg a,.hd_zxft_left  .ind_ftbox .ftimg img{display: block;width: 100%;height: 100%;}
.hd_zxft_left .ind_ftbox .ftcon{ padding-left: 330px;line-height: 35px; font-size: 16px;}
.hd_zxft_left .ind_ftbox .ftcon .tit{ display:block; float: left;  font-weight: bold;}
.hd_zxft_left .ind_ftbox .ftcon .title a{display: block; height: 34px; line-height: 34px; font-weight: bold; font-size: 20px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.hd_zxft_left .ind_ftbox .ftcon li.time,.hd_zxft_left  .ind_ftbox .ftcon li.jb{white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; height: 35px; line-height: 35px; }
.hd_zxft_left .ind_ftbox .ftcon li.nr{ line-height: 32px;}
.hd_zxft_left .ind_ftbox .ftcon li.nr a{ color: #cf000a;}
.hd_zxft_left .ind_ftbox .ftcon li.nr a:hover{text-decoration: underline;}
.hd_zxft_right{ width: 280px;}
.hd_zxft_right .ind_btabs{ margin-top: -5px;}
.hd_zxft_right  .ind_list  li{padding-right: 0 !important;}
.hd_zxft_right  .ind_list  li a{ float: none; max-width: none !important;}
.hd_zxft_right  .ind_list  li .date{ display: none; }
/*政民互动-调查征集*/
.hd_zjdc .zj_list li .starting,.zj_list li .over{ position: absolute; right:0; top:0; color: #999;}
.hd_zjdc .zj_list li .starting{ color: #cf000a;}
.hd_zjdc .zj_list li a{ max-width: none !important; float: none !important;}

.hd_zjdc .tabl_list li{padding-right: 90px;}
.hd_zjdc .tabl_list li a{ max-width: 650px;}
.hd_zsk ul li{text-align: center;  }
.hd_zsk ul li a{ display: block; font-size: 18px; height: 60px;line-height: 60px; background: #fff6ee;}
.hd_zsk ul li a:hover{ background: #fbeadb;}
.hd_zsk ul li img{ padding-right: 20px;}
.hd_ewm{ height: 160px; border: 1px solid #ddd; margin-top: 15px; padding: 20px 0 0 0;}
.hd_ewm ul li{ width: 50%; *width:49.8%; float: left; text-align: center; }
.hd_ewm ul li a{display: block;}
.hd_ewm ul li img{ width: 112px; height: 112px; display: block; margin: 0 auto; border: 4px solid #f3f3f3;}
.hd_ewm ul li .img_title{ display: block; height: 36px; line-height: 36px; font-size: 16px;}
@media (max-width: 1199px) and (min-width: 992px){
    /*政民互动*/
    .hd_left {width: 622px;}
    .hd_right {width: 310px;}
    .hd_zxftcon {padding: 0 15px;}
    .hd_zxft_left {width: 615px;padding-right: 10px;}

    .hd_zjdc .ind_list li a{max-width: 490px;}
}
@media (max-width: 991px){
    .lm_main{ padding: 15px;}
    .hd_left, .hd_right,.hd_zxft_left,.hd_zxft_right {width:auto; float: none; height: auto;}
    .hd_right{margin-top: 15px;}
    .hd_zxft_left{ padding: 0; border: none;}
    .hd_zxft_right{ margin-top: 15px;}
    .hd_zxft_right .ind_btabs {margin-top: 0;}
    .hd_zxft_left  .ind_ftbox{ height: auto;}
    .hd_zjdc,.hd_list{ height:auto;}
    .hdm_btn ul{ margin-right: -20px;}
    .hdm_btn li{ width: 359px; margin: 12px 20px 0 0; float: left;}
}
@media (max-width: 767px){
    .lm_main{ padding: 10px;}
    .hd-mesgbox .t2 {width: 100px;right: 0;}
    .hd-mesgbox .t3{ display: none;}
    .hd-mesgbox .t1 {  margin-right: 100px;}

    .hdm_btn ul{ margin-right: -2%;}
    .hdm_btn li{width: 48%;margin: 10px 2% 0 0;}
    .hdm_btn li a{font-size: 16px;height: 52px;line-height: 52px;}
    .hdm_btn li img{margin-right: 10px;}

    .hd_zxftcon {padding: 0 15px;}
    .hd_zxft_left .ind_ftbox .ftimg {float: none; margin: 0 auto; height: auto; text-align: center; width: auto;}
    .hd_zxft_left .ind_ftbox .ftcon {padding-left: 0;}
    .hd_zxft_left  .ind_ftbox .ftcon .title{ height: auto;white-space:normal;}
}
@media (max-width: 380px){
    .hd_zxft_left .ind_ftbox .ftimg img{ width: 100%; height: auto;}
}