﻿.gklm_part1{padding: 15px 20px 15px 0;height: 304px;}
.gklm_part1 h2{height:38px; line-height:38px; padding-left:29px; font-size:18px; background:url(../images/gk_tel1.gif) 0 0 no-repeat;}
.gklm_part1 h2 a,.gklm_part1 h2 a:hover{color:#fff;}
.gklm_part1 .gk_infobox{width:365px; text-align: justify; padding:16px 0 0 25px; font-size:14px; text-indent:2em; line-height:30px;}
.gklm_part1 .gk_infobox a{color:#c00;}
.gklm_part1 .gk_infobox a:hover{text-decoration:underline; color:#c00;}
.gklm_part1 .gk_mapbox{margin-top:18px; width:604px; height:234px;}
.gklm_part1 .gk_mapbox img{width: 100%;height: 100%;}
.gklm_part1 .gk_mapbox .img-title{display: none;}
.gklm_part1 .gk_mapbox .map{ width: 100%; height: 100%;}
.gklm_part1 .gk_mapbox .map label{ max-width: none;}
/*镜湖简介 end*/

.gklm_part2{height: 222px; padding: 15px;}
.gklm_part2 .tel{ width: 167px; height: 100%;}
.gklm_part2 .tel li{ width: 160px;margin-bottom: 15px;padding-right: 7px;}
.gklm_part2 .tel li a{height: 63px;display: block;line-height: 62px;font-size: 16px; width: 90px; padding: 0 0 0 70px;color: #fff;background: url(../images/gk_ico1.png) 28px center no-repeat #fc97d1;}
.gklm_part2 .tel li a:hover{color: #fff;}
.gklm_part2 .tel li.active{background: url(../images/gk_bg1.png) right center no-repeat;}
.gklm_part2 .tel li.num2 a{ background-image:url(../images/gk_ico2.png); background-color: #f7b540;}
.gklm_part2 .tel li.num2.active{ background-image:url(../images/gk_bg2.png); }
.gklm_part2 .tel li.num3 a{ background-image:url(../images/gk_ico3.png); background-color: #1eb1f6;}
.gklm_part2 .tel li.num3.active{ background-image:url(../images/gk_bg3.png); }

.gklm_part2 .conbox{ margin-left: 187px; overflow: hidden;}
.gklm_part2 .conbox .pic{width: 286px;height: 208px;padding: 3px;border: 1px solid #dadada; font-size: 0; line-height: 0;}
.gklm_part2 .conbox .pic img{width: 100%; height: 100%;}
.gklm_part2 .conbox .info{ margin-left: 315px; text-align: justify; padding-right: 15px; line-height: 30px;text-indent: 2em;font-size: 14px; height: 210px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 7;  line-clamp: 7;}
.gklm_part2 .conbox .info a{ color: #c00;}
.gklm_part2 .conbox .info a:hover{ color: #c00;}
.gklm_part2 .conbox .list{padding-top: 5px; height: 210px;}
.gklm_part2 .conbox .list li{ float: left;padding-left: 23px;background-position: 10px center;width: 250px;}
.gklm_part2 .conbox .list li a{max-width: 100%; margin-right: 0 !important;}
.gklm_part2 .conbox .listgk li{ padding-right: 85px;}
.gklm_part2 .conbox .listgk li .date{font-size: 14px;}
/*行政区划 历史文化 城市建设 end*/

.gklm_part3 h2{height: 38px; background: url(../images/telbg_cd.gif) left bottom repeat-x;}
.gklm_part3 h2 a,.gklm_part3 h2 span{width: 116px;text-align: center;line-height: 38px;height: 38px;font-size: 18px; float: left;    background: #007dd0; color: #fff;}

.gk_picbox{width: 656px; height: 271px; padding: 15px;}
.gk_picbox .picbox{height: 214px; padding: 20px 0 0 0;}
.gk_picbox .picbox li{float: left;width: 207px;height: 105px;padding: 0 0 4px 4px;}
.gk_picbox .picbox li.num1{width: 234px;height: 214px;padding: 0;}
.gk_picbox .picbox li img{width: 100%; height: 100%; overflow: hidden;}
.gk_picbox .picbox li a{color: #fff; display: block; width: 100%; height: 100%;position: relative;overflow: hidden;}
.gk_picbox .picbox li span{position: absolute; left: 0; right: 0; bottom: -35px; text-align: center; background: url("../images/black50.png"); height: 35px; line-height: 34px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; transition: 0.4s all; display: block; cursor: pointer;}
.gk_picbox .picbox li a:hover{color: #fff;}
.gk_picbox .picbox li a:hover span{ bottom: 0;}
/*名胜古迹 end*/

.gk_videobox{width: 325px; height: 277px; padding: 15px;}
.gk_videobox .picbox{ height: 220px;  padding: 15px 12px 0; text-align: center;  overflow: hidden;}
.gk_videobox .picbox li{width: 301px; margin: 0 auto;}
.gk_videobox .picbox li a{height: 220px; width: 100%; display: block; overflow: hidden; position: relative; color: #fff;}
.gk_videobox .picbox li img{ width: 100%; height: 100%;}
.gk_videobox .picbox li span{position: absolute; left: 0; right: 0; bottom: -35px; height: 35px; line-height: 34px; font-size: 16px; background: url("../images/black50.png"); display: block; transition: 0.4s all; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer;}
.gk_videobox .picbox li a:hover{color: #fff;}
.gk_videobox .picbox li a:hover span{ bottom: 0;}

@media (min-width: 992px) and (max-width: 1049px) {
    .gklm_part1 .gk_infobox{ width: 365px;}
    .gklm_part1 .gk_mapbox{ width: 555px;}
    .gklm_part2 .conbox .list li{width: 235px;}
    .gk_picbox{width: 601px;}
    .gk_picbox .picbox li{ width: 191px;}
    .gk_picbox .picbox li.num1{width: 211px;}
    .gk_videobox{width: 316px;}
    .gk_videobox .picbox{padding: 15px 0 0;}
}
@media (max-width: 991px) {
    .gklm_part1{padding-right: 15px; height:auto;}
    .gklm_part1 .gk_infobox,.gklm_part1 .gk_mapbox,.gk_picbox,.gk_videobox{ float: none; width: auto;}
    .gklm_part1 .gk_infobox{ padding: 10px 0 0 15px;}
    .gklm_part1 .gk_mapbox{ margin-left: 15px;}
    .gklm_part2 .conbox .info{padding-right: 0;}
    .gk_picbox,.gk_videobox,.gklm_part2{padding: 10px;}
    .gk_videobox{margin-top: 10px;}
}
@media (max-width: 991px) and (min-width: 768px) {
    .gklm_part2 .conbox{margin-left: 180px;}
    .gk_picbox .picbox li{width: 235px;}
    .gk_picbox .picbox li.num1{width: 269px;}
}
@media (max-width: 767px) {
    .gklm_part2{height: auto;}
    .gklm_part2 .tel{ float: none; width: auto; height: 44px; overflow: hidden;}
    .gklm_part2 .tel li{width: 33.33%; float: left; background-image: none !important; padding-right: 0;}
    .gklm_part2 .tel li a{ margin: 0 5px; background-image: none !important; text-align: center; height: 44px; line-height: 44px; padding-left: 0; width: auto;}
    .gklm_part2 .conbox{ margin-left: 0; padding-top: 10px;}
    .gklm_part2 .conbox .pic{float: none; margin: 0 auto;}
    .gklm_part2 .conbox .info{margin-left: 0; padding-top: 8px; height: auto;}
    .gk_picbox{height: 254px;}
    .gk_picbox .picbox{ padding-top: 10px;}
    .gk_picbox .picbox li{ padding: 0 !important; width: 33.333% !important;}
    .gk_picbox .picbox li a{ margin: 0 0 5px 5px !important; width: auto; height: 100px;}
    .gk_picbox .picbox li.num1 a{margin: 0 !important; height: 205px;}
    .gklm_part1{ padding: 10px 10px 10px 0;}
    .gklm_part1 .gk_mapbox{margin: 10px 0 0 10px;}
    .gklm_part1 .gk_infobox{padding-left: 10px;}
}
@media (max-width: 480px) {
    .gk_picbox{height: auto; overflow: hidden;}
    .gk_picbox .picbox li{width: 50% !important;}
    .gk_picbox .picbox li.num1{width: 100% !important; height: 210px;}
    .gk_picbox .picbox li.num2 a,.gk_picbox .picbox li.num4 a{ margin-left: 0 !important;}

    .gk_videobox .picbox{padding: 10px 0 0; height: auto;}
    .gk_videobox .picbox li{ max-width: 100%;}
    .gk_videobox .picbox li a,.gk_videobox,.gk_videobox .picbox li img{height: auto;}
}

/***********镜湖概况 end***********/

/***********政民互动 on***********/
.hd_listbox{width: 492px;background: #fff;padding: 8px 13px 0;height: 260px;overflow: hidden;}
.hd_part1 .hd_listbox{ height: 335px;}
.hd_tel{height: 40px;line-height: 40px;padding-left: 39px;background: url(../images/hd_tel7.gif) 1px center no-repeat;font-size: 18px;}
.hd_tel a,.hd_tel a:hover{ color:#007dd0;}
.hd_listbox .list{ padding: 0 0 0 10px; height: 288px; overflow: hidden;}
.hd_listbox .list li a{max-width: 400px;}
.hd_part1 .hd_listbox .list li{line-height: 32px; height: 32px;}
.hd_part1 .hd_listbox .list li a{max-width: 365px;}
.hd_listbox .list li .h_zx{ color: #666; font-size: 12px; float:left;}
.hd_listbox .list .over,.hd_listbox .list .starting,.hd_listbox .list .nostart{ display: none;}
/*咨询建议 end*/

.hdlink{ padding:0px 0 10px; overflow:hidden; clear:both;}
.hdlink ul{ width:110%;}
.hdlink li{ float:left; padding:0px 7px 0 0; width:169px; height:74px;}
.hdlink li a{ border-radius: 4px; display:block; padding:21px 0;height:30px; line-height: 0; font-size: 0; border: 1px #e59a4b solid; background:#e6af6e; text-align: center; transition: 0.4s all;}
.hdlink li a img{ width:auto; height:30px; vertical-align: middle;}
.hdlink li a span{margin-left:10px;line-height: 30px; display: inline-block; vertical-align: middle; color:#fff; white-space: nowrap; font-size:20px;}
.hdlink li a:hover{ background: #e59a4b;}
.hdlink 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);}
.hdlink li.num2 a{ background: #eb6d6e; border-color: #e6484a;}
.hdlink li.num2 a:hover{background: #e6484a;}
.hdlink li.num3 a{ background: #acd183; border-color: #93c260;}
.hdlink li.num3 a:hover{background: #93c260;}
.hdlink li.num4 a{ background: #6dc3d0; border-color: #48b4c7;}
.hdlink li.num4 a:hover{background: #48b4c7;}
.hdlink li.num5 a{ background: #abccf0; border-color: #74adec;}
.hdlink li.num5 a:hover{background: #74adec;}
.hdlink li.num6 a{ background: #e4baeb; border-color: #cd83d9;}
.hdlink li.num6 a:hover{background: #cd83d9;}
/*互动按钮 end*/

.hd_tj{ padding-top:11px; height:auto; overflow:hidden;}
.hd_tj h3{ height:30px; line-height:30px; padding-left:22px; background:url(../images/hd_tel5.gif) 2px 9px no-repeat; color:#007dd0; font-size:18px;}
/*.hd_tj p{ height:32px; line-height:32px; font-size:14px;}
.hd_tj p span{ font-family:arila;}
.hd_tj p span.red{ color:#cd140a; padding-left:5px;}
.hd_tj p span.xx{ color:#d4d4d4; padding:0 0.9em;}*/
.ls-hdy-tjbox{ margin-top:8px;}
.ls-hdy-tjbox ul{padding:5px 0 5px;height:74px;overflow:hidden; background:#fafafa;}
.ls-hdy-tjbox ul li{float:left;width:33.1%;height:43px;border-right:#e2e2e2 1px dashed;text-align:center;line-height:20px;overflow:hidden;}
.ls-hdy-tjbox ul li.num3{border-right:0;}
.ls-hdy-tjbox ul li span{display:block;float:left;width:50%;height:20px;font-size:14px;color:#666;}
.ls-hdy-tjbox ul li span.bt{font-size:15px;font-weight:bold;color:#333; width:100%}
.ls-hdy-tjbox ul li span b{font-size:14px;color:#333;font-weight:normal;}
.ls-hdy-tjbox ul li span i{font-style:normal;font-size:15px;color:#8d0000;font-weight:bold;font-family:Arial;}
.ls-hdy-tjbox ul li.num4{width: 100%;border: 0 none;margin: 0 0 9px;text-align: center;height: auto; font-size: 0; line-height: 0;}
.ls-hdy-tjbox ul li.num4 span{width: 49.5%; *width: 245px; display: inline-block;float: none; line-height: 20px;}
.ls-hdy-tjbox ul li.num4 span b{font-weight: bold; font-size: 15px;}
.ls-hdy-tjbox ul li.num4 .line{border-right:#e2e2e2 1px dashed;}

.tj_list{ padding-top:10px; height:auto; overflow:hidden;}
.tj_list p{ height:20px; margin-bottom:6px; width:50%; float:left; }
.tj_list p span{ float:left; height:20px; line-height:20px;}
.tj_list p .tit{ width:47px; height:20px; line-height:20px; text-align:center; font-size:14px; color:#fff; background:#4e9a30; border-radius:6px; margin-right:14px;}
.tj_list p .tit1{ background:#f88600;}
.tj_list p .tit2{background:#3a94e9;}
.tj_list p .tit3{background:#e00c0c;}
.tj_list p .num{ margin-right:6px;font-size:14px;}
.tj_list p .num i{ font-style:normal; font-size:15px;color:#8d0000;font-weight:bold;font-family:Arial;}
.tj_list p.tips{width: 100%; text-indent: 3px;}
/*统计 end*/
.hd_cx{ height:105px; overflow:hidden;}
.hd_cx h3{ height:30px; line-height:30px; color:#007dd0; font-size:18px; background:url(../images/hd_tel6.gif) 2px center no-repeat; padding-left:22px;}
.hd_cx .cxbox{padding:6px 10px 0;}
.hd_cx .cxbox ul{position: relative; padding-right: 75px;}
.hd_cx .cxbox ul li{font-size: 0; line-height: 0;}
.hd_cx .cxbox ul input{ border: 0 none; background: none; width: 100%;}
.hd_cx .cxbox ul li.ss1{ height: 28px;}
.hd_cx .cxbox ul li.ss1 .put{float: left;width: 187px;height: 26px;text-align: center;}
.hd_cx .cxbox ul li.ss1 .put input{border: 1px solid #dddddd; text-align: center;font-size: 14px;color: #666; line-height: 26px;}
.hd_cx .cxbox ul li.ss1 .jg{ float: left; font-size: 14px; width: 21px;text-align: center;height: 28px;line-height: 28px;color: #8e8e8e;}
.hd_cx .cxbox ul li.ss2{ height: 26px; padding: 0 10px;border: 1px solid #dddddd; margin-top: 13px;}
.hd_cx .cxbox ul li.ss2 input{ line-height: 26px; font-size: 14px;}
.hd_cx .cxbox ul li.ss3{position: absolute; right: 0; top: 0; height: 69px; width: 62px;}
.hd_cx .cxbox ul li.ss3 input{width: 100%; height: 100%; background:url("../images/hd_btn.gif") 0 0 no-repeat;}
/*查询 end*/
.hd_tel.dc{background-image: url(../images/hd_tel3.gif)}
.hd_tel.zj{background-image: url(../images/hd_tel4.gif)}
/*调查征集 end*/
.hd_wlwzbox{padding: 15px 0;height: 315px;overflow: hidden;}
.hd_wlwzbox h2{height: 35px;line-height: 34px;color: #fff;font-size: 18px;}
.hd_wlwzbox h2 a{color: #fff;padding-left: 46px;background: #007dd0 url(../images/hd_tel1.gif) 13px center no-repeat;display: block;width: 84px; float: left;}
.hd_wlwzbox .tel{background: #eeeeee;height: 35px;line-height: 34px;text-align: center; margin: 15px 15px 0;}
.hd_wlwzbox .tel p{float: left;font-size: 14px;color: #444; text-align: center; width: 120px;}
.hd_wlwzbox .tel .p2{width: 400px;}
.hd_wlwzbox .tel .p3{ width: 139px;}
.hd_mesgbox{ padding: 8px 15px 0;}
.hd_mesgbox li{ height: 32px; line-height: 32px; font-size: 14px; overflow: hidden;}
.hd_mesgbox li p{float: left; text-align: center; height: 32px; width: 120px; font-size: 14px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hd_mesgbox li .p1,.hd_mesgbox li .p4{ color: #666666; font-family: Arial;}
.hd_mesgbox li .p2{ text-align: left; width: 400px;}
.hd_mesgbox li .p2 a{ display: block; margin: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hd_mesgbox li .p3{ width: 139px;}

@media (min-width: 992px) and (max-width: 1049px) {
    .hd_listbox{width: 463px;}
    .hd_listbox .link li{width: 108px;}
    .hd_listbox .list li a{max-width: 385px;}
    .hd_part1 .hd_listbox .list li a{max-width: 335px;}
    .hd_wlwzbox .tel .p2,.hd_mesgbox li .p2{width: 343px;}
    .hd_cx .cxbox ul li.ss1 .put{width: 172px;}
	.hdlink li{ padding:0 15px 0 0; width:320px;margin-top: 5px;}
}
@media (max-width: 991px) {
    .hd_listbox{padding: 8px 10px 0;}
    .hd_listbox{float: none; width: auto; margin-top: 10px;}
    .hd_part1,.hd_part2{margin-top: 0 !important;}
    .hd_listbox .link ul{ width: 100%;}
    .hd_listbox .link li{width: 25%; padding-right: 0;}
    .hd_listbox .link li a{margin: 0 5px;}
    .hd_listbox .list{padding-left: 0;}
    .hd_listbox .list li .h_zx{display: none;}
    .hd_wlwzbox .tel{margin: 10px 10px 0;}
    .hd_wlwzbox .tel p,.hd_mesgbox li p{width: 110px;}
    .hd_wlwzbox .tel .p2,.hd_mesgbox li .p2{width: 188px;}
    .hd_wlwzbox .tel .p3,.hd_mesgbox li .p3{width: 120px;}
    .hd_mesgbox{padding: 8px 10px 0;}
	.hdlink{ margin-top:10px;}
	.hdlink ul{ width:100%;}
	.hdlink li{ width:31.3%; padding:0 1%;margin-top: 5px;}
}
@media (max-width: 991px) and (min-width: 768px) {
    .hd_cx .cxbox ul li.ss1 .put{width: 315px;}
}
@media (max-width: 767px) {
    .hd_listbox .link{padding-top:0;}
    .hd_listbox .link li a img{display:none;}
    .hd_listbox .link li a span{margin-left: 0; white-space: nowrap;}

    .hd_tj{padding-top: 0;}
    .hd_part1 .hd_listbox.fr{height: auto; padding-bottom: 10px;}
    .hd_cx .cxbox{padding: 6px 0 0;}
    .hd_cx .cxbox ul li.ss1 .put{width: 44.6%;}
    .hd_cx .cxbox ul li.ss1 .jg{width: 10%;}
    .hd_cx .cxbox ul{ padding-right: 72px}
    .hd_wlwzbox .tel .p1,.hd_mesgbox li .p1,.hd_wlwzbox .tel .p3,.hd_mesgbox li .p3,.hd_wlwzbox .tel .p4,.hd_mesgbox li .p4,.hd_wlwzbox .tel .p5,.hd_mesgbox li .p5{ display: none;}
    .hd_wlwzbox .tel .p2,.hd_mesgbox li .p2{ float: none; width: auto;}
    .hd_wlwzbox .tel .p6,.hd_mesgbox li .p6{position: absolute; right: 0; top: 0; width:90px;}
    .hd_wlwzbox .tel,.hd_mesgbox li{position: relative; padding-right: 90px;}
}
/***********政民互动 end***********/
@media (max-width: 560px) {
    .hdlink li{ width:48%; padding:0 1%;margin-top: 5px;}
    .hdlink li a span{margin-left: 3px;}
}

@media (max-width: 500px) {
.ls-hdy-tjbox ul{height:auto;}
	.ls-hdy-tjbox ul li{width:100% !important;height:auto;border-right:0;border-bottom:#e2e2e2 1px dashed;text-align:left;padding:5px 0;}
	.ls-hdy-tjbox ul li.num3{border-bottom:0;}
	.ls-hdy-tjbox ul li span.bt{ width:auto;}
	.ls-hdy-tjbox ul li span{display:inline-block;width:auto;padding-right:10px;}
	.tj_list p{ float:none; width:100%;}
}



