*{ margin:0; padding:0; list-style:none;}
body{ font-size:12px;}
img{ border:none;}
/*public*/
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
/*main*/
.lanrenzhijia{width:100%;margin:10px auto;background:#fff;padding:10px;box-shadow:0 0 10px #ccc;}
/*.lanrenzhijia .title{height:24px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;}*/
.lanrenzhijia .title h2{ font-size: 20px;font-family: "microsoft yahei";}
.lanrenzhijia .title-list01{ position: relative; top: 6px;width:100%;border-bottom: 3px solid #02637a;}
.lanrenzhijia .title-list01 li{ width:25%; line-height: 20px; text-align: center; float: left; display: inline;}
.lanrenzhijia .title-list01 li.on{ color: #3274b4; }
.lanrenzhijia .title-list01 p{position:absolute;top:20px;left:0px;width:25%;border-top: 3px solid #3274b4; overflow: hidden; text-align: center;height:10px;}
.lanrenzhijia .title-list01 b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #3274b4 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.lanrenzhijia .title-list02{ position: relative; top: 6px;width:100%;border-bottom: 3px solid #3274b4;}
.lanrenzhijia .title-list02 li{ width:25%; line-height: 20px; text-align: center; float: left; display: inline;}
.lanrenzhijia .title-list02 li.on{ color: #3274b4; font-weight: bold;}
.lanrenzhijia .title-list02 p{position:absolute;top:20px;left:0px;width:25%;border-top: 3px solid #3274b4; overflow: hidden; text-align: center;height:10px;}
.lanrenzhijia .title-list02 b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #3274b4 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}

.product{ height: 268px; position: relative; overflow: hidden; display: none; margin-top: 20px;}
/*.product ul{ position: absolute; left: 0px;}*/
.product-wrap .show{ display: block;}
.product-wrap .product li{  display: inline; margin-left: 13px;background: #f3f3f3; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.product-wrap .product li.ml0{margin-left:0px;display: flex;}
.product-wrap .product li a.imgwrap{ display: block; width: 226px; height: 200px; background: #fff; text-align:center;}
.product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}



/*根据具体条件修改*/
.title-list01 li{font-size: 14px;line-height: 24px;}
.title-list02 li{font-size: 14px;line-height: 24px;}
.product-wrap .product li{ margin-left: 13px;line-height: 38px;display:block;color: #666 !important;
background: #fff; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.product-wrap .product li.ml0{margin-left:0px;list-style-type: disc !important;}
.product-wrap .product li a{width:84%;overflow: hidden;display: block;float: left;padding-right: 15px;color: #666 !important; 
display: inline-block;
  white-space: nowrap; 
  width: 80%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.product-wrap .product li a:hover{color: #137673 !important;}
.product-wrap .product li span{color: #999 !important;}
.lanrenzhijia .title-list01 li{line-height: 30px;}
.lanrenzhijia .title-list01 li a{color:#666666 !important;}
    .lanrenzhijia .title-list01 li.on{ color: #fff !important;background: #02637a;background-image:url(/img/tit_bg.png);background-repeat:no-repeat;background-size:100% 100%;border-radius:5px 5px 0 0;}
        .lanrenzhijia .title-list01 li.on a{color:#fff !important;}
        .product-wrap .product li {
            list-style-type: disc !important;
            border-bottom: 1px dashed #ccc;
        }

/*信息公开*/
.xinxi>h4{margin-bottom: 5px;}
.xinxi .product-wrap .product li p{display: inline-block;color: #999 !important;line-height: 42px;padding:0;
text-align: center;min-width:90px;font-size: 14px;}
.xinxi .product-wrap .product li p.month{text-align: center !important;margin-bottom:0;line-height:24px;}
.xinxi .product-wrap .product li p>span{color: #999 !important;font-size: 18px;}
.xinxi .product-wrap .product li p .year{font-size: 16px;}
.xinxi .product-wrap .product li a{float: right;width: 92%;font-size: 14px;color: #999;line-height: 60px;}
.xinxi .product-wrap .product li a:hover{float: right;width: 92%;color: #333 !important;}

/*网上办事*/
.online ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.online ul a{display: block;width: 49%;padding:7px 15px 2px 15px;text-align: center;margin-bottom:10px ;}
.online ul a div{display: inline-block;background: #fff;padding: 12px;border-radius: 50%;max-width: 60px;max-height: 60px;}
.online ul a div img{width: 30px;}
.online ul a p{line-height: 26px;margin-bottom: 0;}
.online ul a:nth-child(5) P{line-height: 16px;}
.online ul a:nth-child(5) div{padding: 14px 12px;}
.online ul a:nth-child(5){padding-bottom: 5px;}
.online ul a:last-child{padding-bottom: 5px;}

/*友情链接*/
.link div ul{display: flex;justify-content: space-between;}
.link .xiala{display: flex;justify-content: space-between;}
.link .xiala div{width: 19%;margin-bottom: 15px;}
.link div ul a{display: block;background: #fff;color: #333;padding: 15px 20px 5px 20px;text-align: center;width: 16%;}
.link div ul a:hover{
	
	}
.link div ul a p{margin: 5px 0;}
.link div ul a img{max-width: 88px;}
.link div ul a div:hover{
	/*animation: shaking 0.25s linear infinite;
	-webkit-animation: shaking 0.25s linear infinite;*/
	animation: shaking 0.25s;
	-webkit-animation: shaking 0.25s;
}

@keyframes shaking{
	
	25% {
		margin-left:-10px;
	}
	50% {
		margin-right:20px;
	}
	/*75% {
		margin-top:10px;
	}
	100% {
		margin-top:10px;
	}*/
}