@charset "utf-8";
/* CSS Document */
.page-main{ position: relative;/*background: #fff;*/padding-bottom:0 !important;}
.hdboxOne{ width:100%; display: flex; justify-content: space-between; margin-top:5px;}
.bjleftOne{ width:808px;}
.talkBox{padding: 27px 35px 27px 214px; background: url(../images/hdpic1.jpg) no-repeat top; border-radius: 3px; -webkit-border-radius:3px;-moz-border-radius:3px; box-sizing: border-box; }
.talkBox ul{width:auto;border-left:1px solid #acd5fd; display: flex; justify-content:flex-end; flex-flow: row; flex-wrap: wrap;padding:26px 0;}
.talkBox ul li{text-align: center; border: 1px dashed #a6d2fd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;padding:0px 15px;margin:0 8px 16px 8px; background: url(../images/hd-tmbg1.png) repeat; overflow: hidden;zoom:1; height: 50px;}
.talkBox ul li i,.talkBox ul li span{ display:block; color: #fff;line-height: 45px; float: left; margin-top:1px;}
.talkBox ul li i{width:30px; height: 45px; background: url(../images/hdicon1.png) no-repeat 0 0;}
.talkBox ul li span{ font-weight: bold; font-size: 19px; line-height: 45px;margin-left:11px;}
.talkBox ul li.hdcd4{ padding:0 40px}
.talkBox ul li:hover i,.hdlmBox li:hover i{
	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);
	}
li.hdcd1 i{ background-position: 0 0;}
li.hdcd2 i{ background-position: 0 -45px !important;}
li.hdcd3 i{ background-position: 0 -90px !important;}
li.hdcd4 i{ background-position: 0 -135px !important;}
li.hdcd5 i{ background-position: 0 -180px !important;}

.talkBox ul li.hdcd1,.talkBox ul li.hdcd4{ border: none;padding:0;}
.talkBox ul li.hdcd1{ background: url(../images/hdbt-pic1.png) no-repeat; height: 52px; width:199px;margin-right:142px;}
.talkBox ul li.hdcd4{background: url(../images/hdbt-pic2.png) no-repeat; height: 52px; width:333px;}


.xjletter,.xjtongji{margin-top:8px;}
.xjletter .tit,.xjtongji .tit{ height: 40px; background: url(../images/hd-line1.jpg) repeat-x bottom;}
.xjletter .tit h3,.xjtongji .tit h3{ display: inline-block; height: 37px; line-height: 35px; padding:0 18px; font-size: 20px; font-weight: bold; color: #0f60c9; border-bottom:3px solid #0f60c9; }
.xjletter .tit h3 a,.xjtongji .tit h3 a{color: #0f60c9;}

.mayor{  border-top:none;margin-top:13px;}
.mayor .tit{ height:40px; background:#eef7f8; line-height:40px; margin-bottom:5px;}
.mayor .tit span{ display:block;}
.mayor .tit span,.mayor ul li span,.mayor ul li a{ float:left; display:block; margin-right:5px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;height:45px;}
.hd-xjbt{ width:360px; text-align:left !important; text-indent:13px !important;}
.hd-xjlx{ width:100px;}
.hd-hfdw{ width:175px;}
.hd-tjsj{ width:100px;}
.hd-blqk{ width:100px;}
.bl{ color:#ee4242;}
.mayor ul li{ line-height:45px; border-bottom:1px dashed #d9d9d9; height:45px;}

.bjrightOne{ width:396px;}
.hdlmBox{ width:100%; height: 237px; background: url(../images/hdpic2.jpg) no-repeat; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;padding-top:8px;}
.hdlmBox li{ float: left; width:33.3%;margin-bottom:8px; position: relative;}
.hdlmBox li i,.hdlmBox li span{ display: block; text-align: center; margin: 0 auto; }
.hdlmBox li span{ line-height: 35px; font-size:17px; color: #545353;}
.hdlmBox li i{ width:70px; height: 70px; background: url(../images/hdicon2.png) no-repeat 0 0;}

.hdlmBox li.hdlm1 i{ background-position: 0 0;}
.hdlmBox li.hdlm2 i{ background-position: 0 -70px;}
.hdlmBox li.hdlm3 i{ background-position: 0 -140px;}
.hdlmBox li.hdlm4 i{ background-position: 0 -210px;}
.hdlmBox li.hdlm5 i{ background-position: 0 -280px;}
.hdlmBox li.hdlm6 i{ background-position: 0 -350px;}

.hdlmBox li.hdlm3 .erweim{ width:108px; height:108px; border: 1px solid #eae9e9;padding:5px; background: #fff; display:none; position: absolute; top:70px; left:0;z-index: 99; }
.hdlmBox li.hdlm3 .erweim img{ width:108px; height: 108px; }
.hdlmBox li.hdlm3:hover .erweim{ display: block;transition: all 0.25s;}

.xjtongji{ width:100%; margin-top:5px;}
.tjchart{margin-top:5px;}
.tjchart h3{ display: block; height: 35px; line-height: 35px; background: url(../images/hdarrow1.png) no-repeat right;}
.tuchart{ width:100%; margin-top:5px;}
.tuchart-shm{ width:100%; margin-top:10px; display: flex; justify-content:space-between;}
.tuchart-shm li{width:33.3%;}
.tuchart-shm li span,.tuchart-shm li i{ display: block; margin: 0 auto;}
.tuchart-shm li i{ width:24px; height: 14px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.tuchart-shm li span{ text-align: center; line-height: 22px; color: #777;margin-top:5px;}
.tuchart-shm li.yx i{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b79fe), color-stop(100%,#ab9fff));
background: -webkit-linear-gradient(left,#8b79fe,#ab9fff);
background: -o-linear-gradient(left,#8b79fe,#ab9fff);
background: -moz-linear-gradient(left,#8b79fe,#ab9fff);
background: -mos-linear-gradient(left,#8b79fe,#ab9fff);
background: -ms-linear-gradient(left,  #8b79fe  0%,#ab9fff 100%);
background: linear-gradient(left,#8b79fe,#ab9fff);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b79fe', endColorstr='#ab9fff',GradientType=1 );}

.tuchart-shm li.gz i{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe6f6a), color-stop(100%,#faaa9e));
background: -webkit-linear-gradient(left,#fe6f6a,#faaa9e);
background: -o-linear-gradient(left,#fe6f6a,#faaa9e);
background: -moz-linear-gradient(left,#fe6f6a,#faaa9e);
background: -mos-linear-gradient(left,#fe6f6a,#faaa9e);
background: -ms-linear-gradient(left,  #fe6f6a  0%,#faaa9e 100%);
background: linear-gradient(left,#fe6f6a,#faaa9e);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6f6a', endColorstr='#faaa9e',GradientType=1 );}

.tuchart-shm li.ych i{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4dc1b3), color-stop(100%,#82d2c9));
background: -webkit-linear-gradient(left,#4dc1b3,#82d2c9);
background: -o-linear-gradient(left,#4dc1b3,#82d2c9);
background: -moz-linear-gradient(left,#4dc1b3,#82d2c9);
background: -mos-linear-gradient(left,#4dc1b3,#82d2c9);
background: -ms-linear-gradient(left,  #4dc1b3  0%,#82d2c9 100%);
background: linear-gradient(left,#4dc1b3,#82d2c9);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dc1b3', endColorstr='#82d2c9',GradientType=1 );}

.hdboxTow{ width:100%; margin-top:15px;}
.hdboxTow ul li{ width:395px; float: left; height: 110px; line-height:110px; margin-right: 17px; font-size: 22px; font-weight: bold; letter-spacing: 2px;}
.hdboxTow ul li span{margin-left:175px;}
.hdboxTow ul li a{display: block; width:100%;}
.hdboxTow ul li.hddx{ background: url(../images/hd-pic1.jpg) no-repeat;}
.hdboxTow ul li.hddx a{ color: #004665; }

.hdboxTow ul li.hdzhineng{ background: url(../images/hd-pic2.jpg) no-repeat; color: #003b83;}
.hdboxTow ul li.hdzhineng a{ color: #004665;}

.hdboxTow ul li.hdwend{ background: url(../images/hd-pic3.jpg) no-repeat; color: #343e7a;margin-right:0;}
.hdboxTow ul li.hdwend a{ color: #004665;}


.hudcolorbg{ background:#f7f7f7; padding:15px 0 10px 0;margin-top:20px;}
.hudcolorbg .content-box,.tushuohd .content-boxm{min-height: inherit !important; padding:0 15px; margin: 0 auto; background: none; box-sizing: border-box; }
.hdboxTree .hd,.hdboxFour .hd,.interview .tit{ width:100%; background: url(../images/hd-line1.jpg) repeat-x 0 37px; height: 45px;}
.hdboxTree .hd ul,.hdboxFour .hd ul{ display: flex; justify-content: flex-start;}
.hdboxTree .hd ul li,.hdboxFour .hd ul li,.interview .tit h3{margin-right:15px; padding:0 20px; height: 45px; font-size: 20px;color: #666;}
.hdboxTree .hd ul li a,.hdboxFour .hd ul li a{color: #666;}
.hdboxTree .hd ul li.on,.hdboxTree .hd ul li:hover,.hdboxFour .hd ul li.on,.hdboxFour .hd ul li:hover,.interview .tit h3{ color: #0f60c9; font-weight: bold; background:url(../images/hover-titbg1.png) no-repeat center bottom;}
.hdboxTree .hd ul li.on a,.hdboxTree .hd ul li:hover a,.hdboxFour .hd ul li.on a,.hdboxFour .hd ul li:hover a{color: #0f60c9; }

.hdboxTree .bd{margin-top:15px; height:245px;}
.zhengjiBox{ width:100%;}
.zhengjiBox ul{ display: flex; justify-content: space-between; flex-flow: row; flex-wrap: wrap;}
.zhengjiBox li{margin-bottom:20px; width:49%; display: flex; justify-content: space-between;}
.zhengjiBox li span,.zhengjiBox li a,.zhengjiBox li span em{ display: block;}
.zhengjiBox li span{width:102px; background: #0f60c9;border-radius:3px; -webkitborder-radius:3px; -moz-border-radius:3px; padding:1px; text-align: center;}
.zhengjiBox li span em{font-style: normal; color: #fff;height: 32px; line-height: 30px; }
.zhengjiBox li span em.date{ background: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px;  font-style: normal; font-size: 16px;}
.zhengjiBox li.jingxing span{ background: #0f60c9;}
.zhengjiBox li.jingxing span em.date{ color: #0f60c9;}
.zhengjiBox li.jieshu span{ background: #9fc8dd;}
.zhengjiBox li.jieshu span em.date{ color: #9fc8dd;}
.zhengjiBox li a{ width: 475px; line-height: 32px;padding-top:2px;}

.hdboxTree .bd ul.newlist{ display: flex; justify-content: space-between; flex-flow: row; flex-wrap: wrap;}
.hdboxTree .bd ul.newlist li{ width:48%; line-height:38px; border-bottom: 1px dashed #ddd; padding-bottom: 5px;margin-bottom:5px;}

.tushuohd{width:100%; margin-top:15px;}
.tushuohd .content-box{padding:0;}
.hdboxFour .bd{margin-top:10px;}

/*---图说互动---*/
.picShow,.hotline{ position: relative;}
.picShow .inBd,.hotline .inBd2{width:100%; overflow: hidden; margin-top:4px;}
.picShow .inBd li{width:303px;margin-right:13px;float:left; position: relative; cursor: pointer;}
.picShow .inBd li .pic{ width:297px; height: 176px; overflow: hidden; border: 3px solid #e6e9ed;}
.picShow .inBd li .pic img{ width:100%; text-align: center; }
.picShow .inBd li .tit{width:87.5%;  margin-top:12px; height: 40px; line-height: 40px; padding: 0 3%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; background: #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; position: absolute; bottom:10px; left: 10px;}

.picShow .inHd,.hotline .inHd2{ z-index: 999; width:70px; margin: 0 auto; margin-top:20px;}
.picShow .inHd li,.hotline .inHd2 li{ float: left;margin:0 3px; font-size: 0; line-height: 0; width:10px;  height: 10px; border-radius: 20px; -webkit-border-radius:20px; -moz-border-radius:20px; background: #c5c6c7; cursor: pointer;}
.picShow .inHd li.on,.hotline .inHd2 li.on{ background: #f84b4b;width:30px;}

/*---便民热线---*/
.hotline .inBd2 ul{ width:100% !important;}
.hotline .inBd2 li{ width:100%;}
.bmtel{  display: block; width:100%;display: flex; justify-content: flex-start; flex-flow: row; flex-wrap: wrap;}
.bmtel dd{ float: left; min-width:23%;padding-left:1.3%;background: url(../images/hd-arrow.png) no-repeat 0 15px; line-height: 36px;}
.bmtel dd.first{min-width:48%;}

.zhengceBox{ width:100%; margin-top:10px; display: flex; justify-content: space-between;}
.interview{ width:49%;}
.interview .tit{ position:relative;}
.interview .tit h3,.interview .tit span{ display:inline-block;}
.interview .tit span{ position: absolute; top:0; right: 10px; height: 40px; line-height: 40px; color: #818080;}
.interview .tit span a{color: #818080;}
.ftbox{ width:100%; margin-top:10px; display: flex; justify-content: space-between;}
.ftpic{ width:285px; height:160px; /*207px;*/ overflow: hidden;zoom:1; text-align: center;}
.ftpic img{ width: 100%; }
.ftwen{ width:300px;}
.ftwen h3,.ftwen p{ display: block;/*margin-bottom:10px;*/line-height: 26px;}
.ftwen h3{ line-height: 30px;font-size:18px;}

.hdpicBox{margin-top:20px;}
.hdpicBox ul{ display: flex; justify-content: space-between;}
.hdpicBox ul li{ width: 295px; height: 120px;margin-right:15px; overflow: hidden;}
.hdpicBox ul li:last-child{margin-right:0;}
.hdpicBox ul li,.hdpicBox ul li img{ border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.hdpicBox ul li:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2));
    -moz-transform: scale(1.2);
}
.hdpicBox ul li img{
	-webkit-transition: all .7s ;
    -moz-transition: all .7s ;
    transition: all .7s;
}



.page-footer{margin-top:20px;}

/*---云直播页面---*/
.cloudlive{ width:100%;}
.ybTit{ width: 100%; height: 45px; line-height: 45px; background: url(../images/line3.jpg) repeat-x center;}
.ybTit h3{ display: inline-block; margin-left:30px; background: #fff; padding:0 20px 0 10px; font-size: 18px; color: #0165cc; font-weight: bold; position:relative; }
.ybTit h3::after {content: '';position: absolute;
    width: 8px;    height: 8px;
    border-radius: 50%;
    background: #0165cc;
    top: 50%;
    right:0 ;
    transform: translateY(-50%);
}

.culturelist{ width:100%;marign-top:10px; }
.culturelist ul{ display: flex; justify-content:flex-start; flex-direction: row; flex-flow: wrap;}
.culturelist li{width:23%; margin:0px 1% 1%; overflow: hidden;padding-bottom:20px;}
.culturelist li .zbpic{  border:3px solid #f5f5f5; height: 147px; border-top-left-radius: 5px;border-top-right-radius: 5px; overflow: hidden;}
.culturelist li .zbpic img{ width: 100%; height: 147px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.culturelist li .zbwen{ padding:0 5px;}
.culturelist li .zbwen h3,.culturelist li .zbwen p{ display: block;}
.culturelist li .zbwen h3{ line-height: 26px;margin-bottom: 5px; }
.culturelist li .zbwen p{ font-size: 15px; color: #777;}
.ngsvr{ background:url(../images/yunbo-bg.jpg) no-repeat center;}

/*滑过阴影*/
.culturelist li:hover{  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);  
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);  
  box-shadow:0 0 10px rgba(0, 0, 0, 0.1); }

/*滑过图片变大*/
.culturelist li .zbpic img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-ms-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}
.culturelist li:hover .zbpic img { 
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}


/*分页样式*/
.page{  overflow:hidden;zoom:1;margin:0 auto;margin-top:10px; padding:0; /*text-align:center; */display:table ; font-size:14px;}
.page a{ display:block; float:left;background:#fff; border:1px solid #cccccc;padding: 0 9px; height:26px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:4px; text-align:center;  line-height:28px;}

.page a:hover,.page a.current{ background:#1f65b5; color:#fff; border:1px solid #0657b3;}
a.page1{ width:61px; background:#fff;}
.page span{ display:block; float:left; width:130px; height:25px; line-height:25px;}
.page span input{ display:inline;background:none; text-align:center; width:45px; height:23px;border:1px solid #d3e6fc; line-height:23px; background:#e2effd; margin:0px 5px;  outline:none; color:#444;}