@charset "utf-8";
/*!
 * Zomai Ccg
 * 2018-11-19
 */

/* head */
.header .head { background: url("headbg.jpg") 0 0 no-repeat}
.header .head { display: flex; display: -webkit-flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative;}
.logo { float: left;}
.zfWeb { display: flex; display: -webkit-flex; flex-direction: row; justify-content: end; margin-left: 20px; position: absolute; top: 10px; right: 0px;; }
.zfWeb img {margin-left: 20px; }


/* 警民互动 */
.main .tool .item  { display: flex; display: -webkit-flex; flex-direction: row;  flex-wrap:wrap; width: 100%;  padding: 10px 0 0 10px;}
.main .tool .item a { float: left; text-align: center; display: block; width: 30%; display: flex;display: -webkit-flex; color: #1383d9; font-size: 14px; flex-direction: row; align-items: center; background-color: #f5f5f5; border: 1px solid #eeeeee; margin-right: 3%; margin-bottom: 6px; padding: 8px 0; align-content: center; justify-content: center}
.main .tool .item a img { width: 16px;}
.main .tool .item a span { display: block;}
.main .tool .item a:hover { background-color: #eeeeee; cursor: pointer; border: 1px solid #dddddd; }


/* 通栏横幅 banner*/
.main .banner img { width: 100%; height: 100%;}

.main .serve .items .item { width: 18%; float: left;}

/* 在线服务 */

.main .serve .items .ols { float: right; text-align: center; width: 23.5%; display: flex; flex-direction: row; flex-flow: wrap; align-items: center; padding: 20px 15px;}
.main .serve .items .ols a { float: left; width: 44%; display: block; color: white; line-height: 40px;  font-size: 15px; background-color: #1383d9; text-align: center; border-radius: 6px; margin: 0 3% 10px 3%; }
.main .serve .items .ols a:nth-child(even) { margin-right: 0;}
.main .serve .items .ols a:hover { background-color: #505fc6; color: white;}

.main .serve .items .department { display: flex;flex-direction: column;}
.main .serve .items .yuyue { background-color:#f7faff}
.main .serve .items .department p { text-align: center; font-size:16px; padding-top:20px; }
.main .serve .items .department div { float: left; display: flex;flex-direction: row;  align-items: flex-start; justify-content: space-between; padding: 0 10px; padding-top: 10px; }
.main .serve .items .department div a { display: block; margin: 0 0px; float: left; text-align: center; display: flex;flex-direction: column; align-items: center;}
.main .serve .items .department div a img {  padding: 14px; background:#1383d9; border-radius: 6px; box-shadow: 0px 0px 8px #999999}
.main .serve .items .department div a span { display: block; width: 100px; line-height: 20px; margin-top: 12px; font-size: 14px; text-align: center }
.main .serve .items .item { text-align: center; display: flex; flex-direction: column; align-items: center;}
.main .serve .items .item img { margin-top: 60px;}

/* 友情链接 下拉框样式 */
.main .links .url .btn-default  { width: 100%; color: #999999; }
.main .links .url .dropdown-menu { width: 100%;}

/* 鼠标移入渐变背景色 */
.main .serve .ols a:hover,
.info .info_news .title .active a
{
    background-color: #1383d9;
    background: -webkit-linear-gradient(left, #1383d9 , #505fc6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #1383d9 , #505fc6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #1383d9 , #505fc6); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #1383d9 , #505fc6); /* 标准的语法 */;
}

/* 新闻列表样式 */
.main .news_list { width: 100%; float: left; _padding: 10px 15px 0 15px;*padding: 10px 15px 0 15px;padding: 10px 15px 0 15px; }
.main .news_list li { line-height: 30px; color: #999999; display: flex; display: -webkit-flex;flex-direction: row; justify-content: space-between; }
.main .news_list a { float: left; display: block; width: 83%; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main .news_list span { float: right}
.main .news_list a:hover { color: #1383d9;text-decoration: underline }


/* 警示要闻 */
.top .news .news_box { width: 100%; max-height: 200px; display: flex; display: -webkit-flex;flex-direction: row;}
.top .news .pic_news { float: left; width: 45%; background: #999999; margin: 15px 0px 5px 15px; border: 1px solid #cccccc}
.top .news .pic_news img { width: 240px; height: 178px}
.carousel-indicators { bottom: 5px; margin: 0; width: 20%; left: inherit; right: 10px;}
.carousel-caption { position: absolute; width: 100%; left: 0; bottom: 0; padding: 0; background-color: rgba(0,0,0,0.6); white-space: nowrap; line-height: 30px; text-align: left; }
.carousel-caption span { width: 70%; overflow: hidden; display: block;text-overflow: ellipsis;  white-space: nowrap; padding: 0 5px}

.top .news .news_list { float: right; width: 50%; padding-left: 5px; }
.top .news .news_list li { list-style:none }

/* 政府公开 */
.post .data_box { display: flex; display: -webkit-flex;flex-direction: column; }
.post .item { float: left; width: 100%; display: flex; display: -webkit-flex;flex-direction: row; align-items: center; padding: 15px 20px; border-bottom: 1px dashed #eeeeee; }
/*.post .data .name:first-child {top: 40%; position: absolute;}*/
.post .item .name {  float: left; margin-right: 40px; line-height: 60px; width: 100px; display: block; text-align: center;background-color: #f5f5f5; border: 1px solid #eeeeee; }
.post .item ul.list { width: 70%; float: right; display: flex; display: -webkit-flex; flex-direction: row; flex-flow: wrap;  }
.post .item ul.list li { float: left; width: 50%; line-height: 28px; list-style-image: url("li_ico.jpg") }
/*.post .item ul.list li:nth-of-type(even) { width: 20%;}*/
/* 警务资讯 */

.info .news_box { width: 100%; display: flex; display: -webkit-flex;height: 150px; padding: 0px; flex-direction: row;}
.info .list { float: right; width: 75%; overflow: hidden;}
/*.info .list ul.news_list { margin-left: 20px;}*/
.info .list ul.news_list li  { line-height: 26px; align-items: center;}
.info .title { float: left; margin-top: 15px; width:20%; margin-left: 20px; display: flex; display: -webkit-flex;flex-direction: column; align-self: center;   }
.info .title a { display: block; text-align: center; margin: 6px 0; border-radius: 6px; line-height: 30px; background-color: #f5f5f5; border: 1px solid #eeeeee;}
.info .title .active a { color: white; cursor: pointer; text-decoration: none; }

.search { width: 100%; height: 35px; margin-bottom: 5px; margin-bottom: 5px; }
.input-group-lg>.form-control { height: 35px; font-size: 14px;}
.input-group-lg>.input-group-btn>.btn { height: 35px; line-height: 0px;}
.glyphicon { top: -2px}