@charset "utf-8";
/* CSS Document */
/*市长信箱*/
.ls-szxxbg{ height: auto; overflow: hidden; margin: 30px 0px; background: url("../images/xxbg.png") repeat;padding: 8px; }
.ls-szxxbox{ background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), linear-gradient(180deg, #E0EDFF 0%, #FCFDFF 100%); overflow: hidden;}
.ls-szxxbox1{background: url("../images/szxx_dotbg.png") 17px 10px no-repeat;  height:164px; }
.ls-szxx-tit{ padding-left: 259px; margin-top: 59px; width: 317px;border-right: 1px solid #E3EEFF;}
.ls-tj{ margin-top: 19px; line-height: 24px; color: #666; font-size: 16px;}
.ls-tj p{ margin-right:15px; float: left;}
.ls-tj p span{color: #1561AF;}
.ls-szxx-btn{  width: 687px; float: left; padding-top: 37px;}
.ls-szxx-btn ul li{ width: 25%; text-align: center;float:left;}
.ls-szxx-btn ul li img{ margin: 0 auto; display: block;}
.ls-szxx-btn ul li a{ line-height: 44px; font-size: 20px;display: block;}
.ls-szxx-btn ul 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);}
/*信件选登*/
.ls-hdtab{ height:auto; }
.ls-hdtab ul{ float: left;}
.ls-hdtab ul li{ height: 32px; float: left; margin-right: 10px;}
.ls-hdtab ul li a{ font-size: 26px; color: #333; display: block;line-height: 32px; }
.ls-hdtab ul li.active a{ color: #000;}
.ls-hdtab .more{ font-size: 16px; font-weight: 350;color: #89949C; line-height: 32px;float: right;}
.ls-hdtab .more:hover{color: #1561AF;}
.ls-hdtab .ls-xjcx{float:right; width: 100px; height: 28px; line-height:28px;background:url("../images/cxbtn.png") 8px center no-repeat #D6EFFF; border-radius: 4px; text-indent: 28px; font-size: 16px; font-weight: 350;color: #1561AF;}
.ls-hdtab .ls-xjcx:hover{background:url("../images/cxbtnh.png") 8px center no-repeat #1561AF; color: #fff;}
.hd_head{ height: 39px; background: #F7F7F7;border-bottom:1px solid #E6ECF4; line-height: 38px; font-size: 18px; font-weight: 350; color: #333; position: relative; margin-top: 18px;}
.hd_head .p1{  padding-left: 105px; text-align: left;}
.hd_body{ height: 252px; padding-top: 10px; overflow: hidden; margin-bottom: 15px;}
.hd_body ul li{ height: 42px; line-height: 42px; position: relative; font-size: 16px; font-weight: 350;}
.xxbox p{ position: absolute; top:0px; text-align: center;  display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.xxbox .p1{ position: static; margin-right: 507px;}
.xxbox .p2{ right: 420px; width: 87px;}
.xxbox .p3{ width: 292px; right: 128px;}
.xxbox .p4{ width: 128px; right: 0px;}
.hd_body ul li .p1{ position: static; text-align: left; text-indent: 15px; background: url("../images/icon.png") left center no-repeat;white-space: normal;}
.hd_body ul li .p1 a{ display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hd_body ul li .p3{ color: #999; font-size: 14px;}
.hd_body ul li .p4 .responseNo{ color: #ff902d;}
/*在线访谈*/
.ls-ftbox{ width: 569px; height: 315px;background: #F7F7F7; padding: 20px 28px; margin-bottom: 30px;}
.ls-ftcon{ height: 135px; padding-top: 20px; }
.ls-ftcon .ftimg{ width: 240px; height: 135px; float: left; }
.ls-ftcon .ftimg a{ display: block;overflow: hidden;width: 100%; height: 100%;}
.ls-ftcon .ftimg img{ width: 100%; height: 100%;transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}
.ls-ftcon .ftimg:hover img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.ls-ftcon .ftcon{ margin-left:260px;   line-height: 25px; font-size: 16px; color: #333; }
.ls-ftcon .ftcon .title a{height: 30px; line-height: 30px; margin-bottom: 5px; font-size: 20px;display: block; color: #1561AF; font-weight:500;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ls-ftcon .ftcon .title br{ display: none;}
.ls-ftcon .ftcon .title a:hover{ font-weight: bold; text-decoration: underline;}
.ls-ftcon .ftcon p>span{ color: #666666; display: block;}
.ls-wqhgbox{ padding-top: 20px;}
.ls-wqhg-tit{ width: 20px; padding-right: 17px; height: 98px; border-right: 1px solid #E3EEFF;;color: #1561AF; line-height: 24px; font-size: 18px; font-weight: 400; text-align: center;}
.ls-wqhg-list{ margin-left: 58px; height: 98px; }
.ls-wqhg-list ul li{ height: 20px; line-height: 20px; margin-bottom: 15px; padding: 2px 90px 2px 15px; background: url("../images/icon.png") left center no-repeat; position: relative;  }
.ls-wqhg-list ul li a{ float: none; font-weight: 350; font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ls-wqhg-list ul li .date{ float: none; position: absolute; right:0px; top:2px; font-size: 14px;font-weight: 350; color:  #999;}
.ls-wqhg-list ul li a br{ display: none;}
/*沟通访谈*/
.ls-gtft-list{ padding-top: 20px;}
.ls-gtft-list ul li{ height: 37px; line-height: 36px; background: url("../images/icon.png") left center no-repeat;  position: relative;padding: 2px 90px 2px 15px;}
.ls-gtft-list ul li a{font-weight: 350; font-size: 16px;float:none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ls-gtft-list ul li .date{float: none; position: absolute; right:0px; top:2px; font-size: 14px; color:  #999;}
.ls-gtft-list ul li.num1{ height: 100px; background: #fff; padding: 0px; line-height: 26px; border-radius: 4px; margin-bottom: 6px;}
.ls-gtft-list ul li.num1 .tit{ width: 90px; height: 30px; background: #1561AF; border-radius: 0 0 10px 0; line-height: 30px; text-align: center; font-size: 16px; color: #fff; font-weight: 400;}
.ls-gtft-list ul li.num1 .con{ padding: 4px 20px 0px;}
.ls-gtft-list ul li.num1 .con a{ white-space: normal; line-height: 26px; font-size: 18px; color: #015293; display: inline;}
.ls-gtft-list ul li.num1 .con a:hover{ font-weight: bold; text-decoration: underline;}
.ls-gtft-list ul li.num1 .con .date{ position: static;}
/*征集调查*/
.ls-dczjbox{   overflow: hidden; margin-bottom: 30px;}
.ls-zjdccon{ padding-top: 15px; height: auto; overflow: hidden;}
.ls-zjdccon ul li{ padding-right: 110px;}
/*.ls-zjdccon ul li{ height: 27px; line-height: 26px; padding: 7px 90px 7px 75px; position: relative; font-size: 16px; font-weight: 350; }*/
/*.ls-zjdccon ul li .date{  color: #999; font-size: 14px;position: absolute; right:0px; top:7px;}*/
/*.ls-zjdccon .result{color:#275bb0;display:block;float: left;padding-left: 5px;}*/
/*.ls-zjdccon .result:hover{ color:#ef1414;   }*/
/*.ls-zjdccon ul li a{display:block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }*/
/*.ls-zjdccon ul li a.left{ float: none;}*/
/*.ls-zjdccon ul li a.title2{ max-width: 1020px; float: left;}*/
/*.ls-zjdccon ul li .zt{display: block;width: 65px;height: 26px;border-radius:16px;font-size: 14px;line-height: 26px;color: #666;background: #F7F7F7; text-align: center; overflow: hidden;  position: absolute; left: 0px; top:7px;}*/
/*.ls-zjdccon ul li .over{color: #666;background: #F7F7F7;}*/
/*.ls-zjdccon ul li .starting{background:#015293; color: #fff;}*/
/*.ls-zjdccon ul li .nostart{background:#ef1414;color: #fff;}*/
/*.ls-zjdccon ul li.num1{ height: 160px;  background:url("../images/dcbg01.png") no-repeat; background-size: 100% 100%; padding: 0px; margin-bottom: 8px;  }*/
/*.ls-zjdccon ul li.num1 .tit{ height: 30px; overflow: hidden;}*/
/*.ls-zjdccon ul li.num1 .tit .zt{position:static;float:none;width: 90px; height: 30px; background: #1561AF; border-radius: 0 0 10px 0; line-height: 30px; text-align: center; font-size: 16px; color: #fff; font-weight: 400;}*/
/*.ls-zjdccon ul li.num1 .tit .nostart{background:#ef1414;}*/
/*.ls-zjdccon ul li.num1 .tit .starting{background:#015293;}*/
/*.ls-zjdccon ul li.num1 .tit .over{background: #d6efff; color: #333;}*/
/*.ls-zjdccon ul li.num1 .con{   padding: 17px 30px 0 37px;overflow: hidden; }*/
/*.ls-zjdccon ul li.num1 .con a{ height: auto; line-height: 26px; margin-right: 0px;   font-size: 20px;color: #1561AF; white-space: normal; display:block;display: -webkit-box; -webkit-box-orient: vertical;*/
/*    -webkit-line-clamp: 2;    line-clamp: 2;    overflow: hidden;   max-width: none; float: none; margin-bottom: 16px;}*/
/*.ls-zjdccon ul li.num1 .con a:hover{font-weight: bold; text-decoration: underline;}*/
/*.ls-zjdccon ul li.num1 .con .date{ font-size: 18px; line-height: 26px; color: #666;position: static;} */
/*.ls-zjdccon ul li.num1 .con .wycybtn a{color: #1561AF;font-weight: 350; font-size: 16px;width: 95px; height: 28px; text-align:center;background: #D6EFFF; border-radius: 16px; line-height: 28px;}*/
/*.ls-zjdccon ul li.num1 .con .wycybtn a:hover{ background:#1561AF; color: #fff; }*/
/*.wza-black-white .ls-zjdccon ul li.num1{ background:none !important;}*/
/*.wza-yellow-black .ls-zjdccon ul li.num1{ background: none !important;}*/
/*.wza-blue-yellow .ls-zjdccon ul li.num1{ background: none !important;}*/
/*.wza-yellow-blue .ls-zjdccon ul li.num1{ background: none !important;}*/
/*.wza-white-black .ls-zjdccon ul li.num1{ background: none !important;}*/
/*.wza-black-yellow .ls-zjdccon ul li.num1{ background:none !important;}*/
@media (min-width: 992px) and (max-width:1279px) {
    .ls-szxxbox1{ background-position: 0px 10px;}
    .ls-szxx-tit{ padding-left: 219px;}
    .ls-szxx-btn{ width: 438px;}
    .ls-ftbox{ padding: 20px; width: 446px;}
    .ls-ftcon .ftimg{ width: 200px;}
    .ls-ftcon .ftcon{ margin-left:210px;}
    /*.ls-dczjbox{width:486px;}*/
    /*.ls-zjdccon ul li a.title2{  max-width: 740px;}*/
}
@media(max-width:991px) {
    .ls-row{ padding: 0 15px;}
    .ls-szxxbg{ margin: 15px 0px;}
    .ls-szxxbox1{ height: auto; overflow: hidden;}
    .ls-szxx-tit{  width: auto;border-right:none;float:none; overflow: hidden;}
    .ls-szxx-btn{  width:auto; float:none;overflow: hidden; padding: 20px 0px;}
    .xxbox .p1{   margin-right: 335px;}
    .xxbox .p2{ right: 248px; }
    .xxbox .p3{ width: 120px; }
    .ls-ftbox{ padding: 15px; width: auto; float: none; margin-bottom: 15px; height: auto;}
    .ls-dczjbox{width:auto; float: none; margin-bottom: 15px; height: auto;}
    /*.ls-zjdccon ul li a.title2{  max-width: 480px;}*/
}
@media(max-width:767px) {
    .ls-row{ padding: 0 10px;}
    .ls-szxxbg{ margin: 10px 0px;}
    .xxbox .p1{   margin-right: 90px;padding-left: 0px; text-align: center;}
    .xxbox .p2,.xxbox .p3{display: none;}
    .xxbox .p4{ width: 90px; }
    .ls-ftbox{ padding: 10px;   margin-bottom: 10px; }
    .ls-ftcon .ftcon .title{ height: auto; white-space: normal;}
    .ls-wqhg-tit{  padding-right: 7px;  }
    .ls-wqhg-list{ margin-left: 38px;}
    .ls-dczjbox{  margin-bottom: 10px; }
    .ls-gtft-list ul li.num1{ height: auto; padding-bottom: 10px;}
    .ls-ftcon{ height: auto;padding-top: 10px;}
    .ls-ftcon .ftimg{   float:none; margin: 0 auto;}
    .ls-ftcon .ftcon{ margin-left:0px; }
    /*.ls-zjdccon ul li.num1{ height: auto; overflow: hidden; padding-bottom: 10px;}*/
    /*.ls-zjdccon ul li{height: auto; padding-left: 0px;padding-right: 0px;}*/
    /*.ls-zjdccon ul li .zt{ position: static;}*/
    /*.ls-zjdccon ul li .date{ position: static; float: none;display: inline-block;}*/
    /*.ls-zjdccon ul li a{ float: none; margin-right: 0px; display: inline; white-space: normal;}*/
    /*.ls-zjdccon ul li.num1 .con{ padding: 10px 10px 0;}*/
    .hd_head{ margin-top: 10px;}
    /*.ls-zjdccon ul li a.title{ margin-right: 0px;float: none; display: inline;}*/
    /*.ls-zjdccon ul li a.title2{  max-width: none;float: none; display: inline;}*/
    /*.ls-zjdccon .result{ float: none; display: inline;}*/
    .ls-zjdccon ul li{ padding-right: 85px;}
}
@media(max-width:500px) {
    .ls-szxxbox1{ background: none;}
    .ls-szxx-tit{ margin: 20px 10px 0;padding: 0;}
    .ls-szxx-btn ul li{ width: 50%;}
}
/*互动栏目*/
.ls-ftbanner{ background: url("../images/zxft_banner.png") center no-repeat; background-size: 100% 100%; height: 225px;}
.ls-crumbs-white{ padding: 30px 0 43px 27px; border-bottom: none;   background: url("../images/dqwz_white.png") left 33px no-repeat; line-height: 24px; color: #fff;}
.ls-crumbs-white a{ color: #fff;}
.ls-ft-ban{ padding-left: 326px;}
.ls-ft-name{ font-size: 26px; color: #000; line-height: 32px; margin: 20px 0 20px; text-align: left;display: block;}
@media (min-width: 992px) and (max-width:1279px) {
    .ls-ftbanner{height: 180px;}
    .ls-ft-ban{ padding-left: 126px;}
    .ls-crumbs-white{ padding: 20px 0 20px 27px; background-position: left 23px;}
}
@media(max-width:991px) {
    .ls-ftbanner{height: 150px;}
    .ls-ft-ban{ padding-left: 50px; padding-bottom: 20px;}
    .ls-crumbs-white{ padding: 10px 0 10px 27px; background-position: left 13px;}
}
@media(max-width:767px) {
    .ls-ftbanner{ background: #397FE2; background-size: auto; height: auto;}
    .ls-ft-ban{ padding-left: 0px; padding-bottom: 20px; text-align: center;}
}
/*访谈列表*/
.ls-column-list ul.interview-list{ margin-right: -28px;}
.ls-column-list ul.interview-list li{ height: auto; width: 408px; float: left; line-height: 60px;background: #F7F7F7; margin-right: 28px;padding: 0px; margin-bottom: 28px;}
.ls-column-list ul.interview-list li .interview-img{ width: 100%; height: 230px; overflow: hidden;}
.ls-column-list ul.interview-list li .interview-img img{ width: 100%; height: 100%;transition:all .6s;-ms-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;}
.ls-column-list ul.interview-list li .interview-img:hover img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.ls-column-list ul.interview-list li .interview-info{ text-align: center; }
.ls-column-list ul.interview-list li .interview-info a{height: 60px; line-height: 60px; display: block; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
@media (min-width: 992px) and (max-width:1279px) {
    .ls-column-list ul.interview-list{ margin-right: -20px;}
    .ls-column-list ul.interview-list li{   width: 317px;   margin-right: 20px;  margin-bottom: 20px;}
    .ls-column-list ul.interview-list li .interview-img{  height:178px; }
}
@media(max-width:991px) {
    .ls-column-list ul.interview-list{ margin-right: -15px;}
    .ls-column-list ul.interview-list li{   width: 236px;   margin-right: 15px;  margin-bottom: 15px;}
    .ls-column-list ul.interview-list li .interview-img{  height:130px; }
}
@media(max-width:767px) {
    .ls-column-list ul.interview-list{ margin-right: 0px; }
    .ls-column-list ul.interview-list li{   width:auto;   margin-right:0px;  margin-bottom: 10px;float: none;}
    .ls-column-list ul.interview-list li .interview-img{  height:auto; }
}
/*************市长信箱主页****************/
.ls-crumbs-box-01{ background: url("../images/xx_dq.png") left 13px no-repeat;padding-bottom: 21px;}
.ls-write-content{ height: auto; overflow: hidden;padding: 24px; background: url("../images/writebg.png") left top repeat;}
.ls-write-info{ background: #fff; height: 388px;}
.ls-write-tit{ padding-top: 20px; text-align: center; line-height: 36px; font-size: 24px; font-weight: bold;}
.ls-xx-con{ padding: 0 46px 0 49px; font-size: 18px; line-height: 28px; font-weight: 350px;}
.ls-xx-con p{ margin-bottom: 10px;}
.ls-xx-con ul li{ width: 49%;   float: left; line-height: 34px; margin-bottom: 10px; font-size: 18px; padding: 0px 2% 0 0; height: 34px; background: none;}
.ls-xx-con ul li:nth-of-type(2n){ padding-right: 0px;}
.ls-xx-con ul li span{float:left;color: #015293;border: 1px solid #D8E6F0;background: #F3FAFF; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-top: 7px; margin-right: 10px;}

.ls-xxbtn{ height: 150px; padding: 20px 0 40px; margin-bottom: 40px; border-bottom: 1px solid #D8D8D8; }
.ls-xxbtn ul li{ width: 296px; height: 150px;text-align: center; float: left; margin-right: 32px; background: #F3FAFF;}
.ls-xxbtn ul li.num4{ margin-right: 0px;}
.ls-xxbtn ul li a{padding-top: 37px; display: block; line-height: 48px; font-size: 20px;}
.ls-xxbtn ul li img{ margin: 0 auto; display: block;}
.ls-xxbtn ul 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);}
/*查询统计*/
.ls-cxtjbox{ width: 620px;}
.ls-message-from{ height: 48px; padding: 32px 28px;background: #F7F7F7;; margin-bottom: 30px;}
.ls-message-from ul{ height: 48px; position: relative;}
.ls-message-from ul li.tit{ float: left; margin-top: 13px;}
.ls-message-from ul li.srk{ margin: 0 100px 0 110px;    height: 48px; background: #fff;}
.ls-message-from ul li.srk input{ width: 100%; height: 48px; background: none; border: none; text-indent: 17px; font-size: 18px; color: #999;}
.ls-message-from ul li.btn{position: absolute; right:0px; top:0px; width: 100px; height: 48px; }
.ls-message-from ul li.btn input{ width: 100%; height: 48px;background: url("../images/xxfdj.png") 12px center no-repeat #0560AA;border: none; text-align: left; line-height: 48px; text-indent: 43px; color: #fff; font-size: 18px;}
/*受理统计*/
.ls-message-title{ height: 38px; margin-bottom: 15px; line-height: 38px;}
.ls-message-title .tit{ font-size: 26px; color: #000;}
.ls-message-title .ls-time{color: #9E9E9E; font-size: 16px; font-weight: 350; line-height: 24px; margin-top: 14px;}
.ls-message-statistics{background: #F7F7F7; padding-top: 25px; height: 153px;}
.ls-message-statistics ul{ width: 154px; border-right: 1px solid #E8E8E8; height: 128px;float: left;}
.ls-message-statistics ul.num4{ border-right: none;}
.ls-message-statistics ul li{ line-height: 22px;text-align: left; font-size: 16px;color: #9E9E9E; margin-bottom: 20px;padding-left: 28px;}
.ls-message-statistics ul li span{display: block; line-height: 32px; font-size: 26px;color: #333333;}
.ls-message-statistics ul li:last-child{ margin-bottom: 0px;}
/*受理信件分析*/
.ls-slfxbox{ width: 620px; height: 374px;}
.ls-slfx-tit{height:56px;background: #EDF5FD; padding: 0 24px;}
.ls-slfx-tit .tit{   font-size: 26px; line-height: 56px;color: #000000;}
.ls-select{ float:right;  font-size: 16px;height: 36px; font-weight: 350; margin-top: 10px; }
.ls-select select{ border: none;background: none;height: 36px; line-height: 36px;}
.ls-slfx-chart{border: 1px solid #EDEDED; border-top:none; height: 269px;padding: 24px 0px; text-align: center;}