@charset "utf-8";

.page-banner{ height: 510px; overflow: hidden; background: url(../images/inbanner.jpg) no-repeat top; position: relative;}
.page-banner .tp{ position: absolute;  font-size: 32px; width:100%; bottom: 60px;margin: 0 auto;}
.page-banner .tp h3{ width: 1400px;margin: 0 auto;color: #fff;text-shadow: 2px 2px 4px #000000;}
.page-banner .tp h3 a{ color: #fff;}
.page-banner .path{position: absolute;  font-size: 12px; width:100%; bottom: 30px;color: #fff;text-shadow: 2px 2px 4px #000000;}
.page-banner .path a{color: #fff;text-shadow: 2px 2px 4px #000000;}
.page-banner .path .in{ width: 1400px;margin: 0 auto;}
.side{ background-color: #fff;border-bottom: 1px solid #ccc;}
.side #sideMenu{width: 1400px;margin: 0 auto;  }
.side #sideMenu .menuList{ display: flex;}
.side #sideMenu .menuList li{ padding-left:15px;padding-right: 15px;padding:20px 30px; line-height: 40px;}
.side #sideMenu .menuList li.on a{background: #286fb7;color: #fff;border-radius:25px;padding: 10px 25px;}
#content .mainContent{ width: 1400px;margin: 0 auto;}


/* 文章子-列表页 -----------------------------------------*/

/* 图文列表 */

.pageTPList li{padding: 22px 15px;border-bottom: 1px solid #E1E1E1;overflow: hidden;}
.pageTPList .pic{padding-top: 5px;float: left;margin-right: 15px;width: 256px;}
.pageTPList .pic img{width: 100%;height: auto;}
.pageTPList .con{overflow: hidden; zoom: 1}
.pageTPList .con .date{ color: #999;}
.pageTPList .title{font-size: 18px;line-height: 36px;overflow: hidden;margin-bottom: 5px;}
.pageTPList .title a{color: #333;font-weight:bold;}
.pageTPList .intro{margin-bottom: 3px;line-height: 25px;color: #777;max-height: 75px;_height: 75px;overflow: hidden;font-size: 14px;}
.pageTPList .title a:hover{text-decoration: none}
.pageTPList .intro .more{display: none;}
.pageTPList .others{font-size: 13px; color: #aaa;}
.pageTPList .others span{margin-right: 15px;}
.pageTPList .node{color: #aaa; margin-right: 15px; display: none}
.pageTPList .last{ border-bottom: 0; margin-bottom: 0;}
.pageTPList .on{background: #F9F9F9}

/* newsList */
.newsList li{height: 30px;line-height: 30px;overflow: hidden; background: url(../../Base/img/icon.png) no-repeat 0px -762px; padding: 0 5px 0 15px; white-space: nowrap; text-overflow: ellipsis;}
.newsList .date{float: right;color: #bcbcbc; font-size: 12px;}
.newsList .split{height: 13px;margin-bottom: 13px;border-bottom: 1px dashed #e5e5e5; background: none}

/* url_方块样式分页 */
.page{ font-size: 0; text-align: left; padding: 25px 0; clear: both; overflow: hidden; text-align: center;}
.page a, .page span{font-size: 14px; zoom: 1;border: 1px solid #E1E1E1;padding: 0px 12px;margin: 0 3px 5px 0;line-height: 30px;height: 30px; display: inline-block; vertical-align: middle;}
.page a:hover, .page span:hover{ border: 1px solid #666; text-decoration: none; color: #666;}
.page .current{ background: #666; border: 1px solid #666; color: #fff !important; font-weight: bold;}
.page select, .page input{ margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle;}
.page input{ text-align: center; padding: 0 4px; outline: none;}
/* url_方块样式分页 */
.page a:hover, .page span:hover{ border: 1px solid #1258AD; color: #1258AD;}
.page .current{ background: #1258AD; border: 1px solid #1258AD;}
/* 友情链接列表页 -----------------------------------------*/
.friendLinkList{overflow: hidden;zoom: 1;padding: 10px 0 10px 10px;}
.friendLinkList li{width: 28%;height: 36px;line-height: 36px;padding: 0 3.5% 0 1.5%;background: url(../../Base/img/icon.png) 0 -817px no-repeat;float: left;overflow: hidden;}

/* 文章内容页 -----------------------------------------*/
.articleCon{text-align: left;padding: 40px;}
.printArea .title{font-size: 28px;line-height: 1.5;text-align: center;margin-bottom: 10px;color: #000;}
.printArea .subTitle{font-size: 20px; color: #555; text-align: center;margin-bottom: 20px;}
.printArea .property{font-size: 14px;margin-bottom: 25px;padding: 16px 10px;text-align: center;color: #777;border-bottom: 1px dashed #ddd;}
.printArea .property span{ padding: 0 5px;}
.printArea .conTxt{color: #333;font-size: 16px;line-height: 2;padding: 0 0 20px 0;overflow: hidden;}
.printArea .conTxt img{max-width: 800px;height: auto !important;}
.printArea .conTxt p{margin-bottom: 20px; text-indent: 2em;}
.printArea .conTxt a{ color: blue; text-decoration: underline;}
.printArea .conTxt em{ font-style: italic}
.printArea .conTxt ul,.printArea .conTxt ol{padding-left: 2em;}
.printArea .conTxt ul li{ zoom: normal; list-style: square; text-indent: 0 !important}
.printArea .conTxt ol li{ zoom: normal; list-style: decimal; text-indent: 0 !important;}
.printArea .page{ padding: 10px 0; text-align: center;}
.printArea .vedioPlayer{background: #000;width: 800px;text-align: center;margin: 20px auto;height: 480px;}
.articleCon .userControl{font-size: 14px;border-bottom: 1px dashed #ddd;overflow: hidden;text-align: left;margin-bottom: 20px;padding: 10px 0;}
.articleCon .userControl .a{color: #777; margin: 10px 10px 0 0; float: left;}
.articleCon .userControl .bdsharebuttonbox{ float: right;}
.articleCon .others{padding: 10px 0;margin-bottom: 15px;}
.articleCon .others .prev,.articleCon .others .next{padding: 3px 0;}

/* 相关信息 */
#relativeInfo{border-bottom: 1px dashed #ddd;}
#relativeInfo .hd h3{ font-size: 18px; color: #fe5a00}
#relativeInfo .bd{ padding: 10px 0 20px 0;}
#relativeInfo ul{overflow: hidden;}
#relativeInfo li{float: left;width: 50%;}

/* 图片-列表页 ----------------------------------------- */
.picPageList{ margin-right: -3%;overflow: hidden;text-align: center;margin-top: 30px;}
.picPageList li{float: left;margin: 1.5% 2% 0% 0;display: inline;position: relative; overflow: hidden;overflow: hidden;}
.picPageList .pic{ padding: 3%; border: 1px solid #ddd; overflow: hidden; height: 240px;}
.picPageList .pic a{ display: block; height: 240px; overflow: hidden;}
.picPageList .pic img{ height: auto;width: 100%;}
.picPageList .title{ display: block;overflow: hidden;line-height: 44px;padding: 5px 0; height: 44px;}
.picPageList .title a{display: block; font-size: 14px}
.picPageList li:hover .pic{border-color: #bbb}
.picBoxLoop{overflow: hidden}
.picBoxLoop .pageBox{ width: 100%;}
.picBoxLoop .pageBox .bd{height: auto;}
.photoContent .mainBox{ float: none;}

  /* 网上办事大厅 */
  
  .mainContent .list-menu {display: flex;	justify-content: space-between;	align-items: center; margin-top: 30px;}
  .mainContent  .list-menu li { width: 23%; margin: 1%;transition: transform 0.3s ease;  }
  .mainContent  .list-menu  li:hover{	transform: scale(1.1); }
  .mainContent  .list-menu li a { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; font-size: 1.2em; }
  .mainContent  .list-menu li a::before {margin-bottom: 10px; display: block; width: 8.5rem; height: 8.5rem;content: ''; line-height: 8.5rem;background: url(../images/a1.png) no-repeat center; color: #fff; font-size: 5.6rem;  border-radius: 50%; font-weight: normal;	border: 1px dashed #888; }
  .mainContent  .list-menu .li2 a::before { background: url(../images/a2.png) no-repeat center;}
  .mainContent  .list-menu .li3 a::before {background: url(../images/a3.png) no-repeat center;}
  .mainContent  .list-menu .li4 a::before {background: url(../images/a4.png) no-repeat center;}
  .mainContent  .list-menu .li5 a::before {background: url(../images/a5.png) no-repeat center;}
  .mainContent  .list-menu li a,.mainContent  .list-menu li a::before { transition: all ease 0.5s; }
  .mainContent  .list-menu li a:hover { font-weight: bold; }
  .mainContent .list-menu li a:hover::before {  animation: tada 1s ease 0.4s 1; }
  .mainContent  .list-menu li .title{ line-height: 30px;}