﻿body{ background: #fff;}
.s-content{ width: 1200px; margin: 0 auto; background: #fff;}
.s-header{ height: 100px; padding-top: 20px; background-color: #f8f8f8; width: 1200px; margin: 0 auto;}
.s-big{ background-color: #f8f8f8; border-bottom: 1px solid #e5e5e5;}
.s-logo.lg{ margin: 0 auto; height: 75px; background: url(imglogo.png) center center no-repeat;}
.s-logo.sm{ margin: 8px 20px 0 0; width: 430px;}
.s-logo a{ display: block; line-height: 78px; overflow: hidden;}
.s-logo a img{ width: 100%;}
.s-header .help{ padding: 24px 10px 0 0; line-height: 20px;}
.s-header .help a{ font-size: 14px; margin: 0 5px 0 0; text-decoration: underline;}
.s-header .help a:hover{ color: #f60;}
.s-header .title{ color: #8b8b8b; padding: 25px 0 0 10px;}
.s-main{ margin: 0 auto; padding-top: 125px; width: 651px;}
.s-switch{ padding: 5px 0; height: 36px;}
.s-form{ position: relative; height: 38px; border: 2px solid #0068B7;}
.s-form>div{ float: left;}
.s-form .btn-box{ float: right;}
.s-form .link-box{ width: 50px; right: -50px; position: absolute; top: 0;}
.select-box{ float: left; font-size: 16px; width: 100px; height: 38px; position: relative; z-index: 3; border-right: none;}
.select-box ul{ position: absolute; left: -2px; top: 38px; width: 90px; background: #f7f7f7; border: 2px solid #0068B7; border-top: 0; line-height: 1.8; display: none;}
.select-box ul li{ cursor: pointer; padding: 2px 10px; text-align: center; font-size: 14px; display: inline-block; *display: inline; zoom: 1; width: 85px; text-align: left;}
.select-box ul li:hover{ color: #0068B7; background: #f1f1f1;}
.select-box .s-option{ display: inline-block; position: absolute; top: 0; height: 38px; line-height: 38px; width: 80px; text-align: center; color: #0068B7;}
.select-box a:hover{ text-decoration: none;}
.select-box .arrow-dn{ display: inline-block; height: 0; width: 0; font-size: 0; overflow: hidden; border: 5px solid transparent; border-color: #0068B7 transparent transparent; position: absolute; right: 15px; top: 18px; -webkit-transition: -webkit-transform .1s ease-in-out; -webkit-transform: translate3d(0, 0, 999px); -webkit-backface-visibility: visible; -moz-transition: -moz-transform .2s ease-in-out; -moz-transform: translate3d(0, 0, 999px); -moz-backface-visibility: visible;}
.select-box .arrow-hover{ -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: translated3d(0, 0, 999px); top: 15px;}
.s-form .input-box input{ margin: 0; padding: 0 10px; width: 526px; height: 38px; border: none; color: #333; font-size: 16px; line-height: 38px;}
.s-form .select-box+.input-box input{ width: 296px;}
.ind-main .s-form .input-box input{ width: 427px;}
.s-form .btn-box input{ width: 100px; height: 38px; border: none; background-color: #0068B7; color: #fff; text-align: center; font-size: 18px; cursor: pointer;}
.s-form.sm{ margin-top: 20px; height: 32px; border: none;}
.s-form.sm .select-box{ width: 100px; height: 38px; border: none; background: #fff; border: 1px solid #ccc; border-right: none;}
.s-form.sm .select-box .s-option{ height: 36px; line-height: 36px; color: #333; font-size: 14px;}
.s-form.sm .select-box .arrow-dn{ border-color: #666 transparent transparent; top: 16px;}
.s-form.sm .select-box .arrow-hover{ top: 11px;}
.s-form.sm .select-box ul{ left: -1px; top: 38px; border-color: #ccc; border-width: 1px;}
.s-form.sm .input-box input{ height: 38px; border-color: #ccc; border-width: 1px; line-height: 36px; background-color: #fff; color: #000; border: 1px solid #ccc; border-right: none;}
.s-form.sm .btn-box input{ height: 40px; line-height: 40px; border: none; background-color: #0068B7; font-size: 16px;}
.s-form .btn-box input:active{ background-color: #c00;}
.link-box{ width: 0;}
.link-box a{ display: block; margin-left: 10px; width: 30px; color: #d96767; text-decoration: underline; font-size: 14px; line-height: 40px;}
.link-box a:hover{ color: #f60;}
.s-form.sm .link-box a{ line-height: 32px;}

/* 切换分类 */
.s-tab{ height: 42px; border-bottom: 1px solid #fff; background-color: #f8f8f8;}
.s-tab #ulsearchitem{ display: block; width: 1200px; margin: 0 auto;}
.s-tab li{ display: block; float: left; height: 42px; line-height: 40px;}
.s-tab li a{ display: block; padding: 0 10px; height: 40px; font-size: 16px;}
.s-tab li.current a{ border-bottom: 3px solid #0068B7; font-weight: bold; color: #000;}

/* 结果分类筛选 */
.s-assortment{ padding-top: 50px; width: 160px;}
.s-assortment .group{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;}
.s-assortment .group:last-child{ border-bottom: none;}
.s-assortment .group h3{ margin: 0; padding: 0 10px 0 15px; height: 30px; border-left: 3px solid transparent; color: #333; font-size: 16px; line-height: 30px;}
.s-assortment .group.current h3{ border-left-color: #0068B7; color: #0068B7;}
.s-assortment .group ul{ padding: 0 0 0 10px;}
.s-assortment .group li{ display: block; padding-left: 15px; height: 30px; line-height: 30px;}
.s-assortment .group li:hover{ background-color: #f8f8f8;}
.s-assortment .group li a{ color: #777; font-size: 14px;}
.s-assortment .group li.active a{ color: #333; font-weight: bold;}
.s-assortment .group li a:hover{ color: #f60;}
.s-assortment .group li.hidden{ display: none;}
.s-assortment .group li.time-frame{ height: auto; padding-right: 10px;}
.time-frame input{ width: 110px; height: 26px; border: 1px solid #ccc; line-height: 26px; padding: 0 5px;}
.time-frame span{ display: block; font-size: 12px; line-height: 18px;}
.time-frame .btn{ padding-top: 5px;}
.time-frame .btn button{ display: block; padding: 4px 12px; font-size: 14px; text-align: center; cursor: pointer; color: #fff; background-color: #428bca; border: 1px solid #357ebd; border-radius: 4px;}

/* 搜索结果 */
.s-result{ width: 1020px; float: right;}
.result-info{ margin: 0 0 10px; height: 40px; color: #666; font-size: 12px; line-height: 40px;}
.result-list{ min-height: 200px;}
.result-list.article{ width: 700px;}
.result-list li{ padding-bottom: 10px; font-size: 13px; line-height: 18px;}
.result-list li h4 a, .result-list h4 a:hover{ color: #00c; text-decoration: underline; font-weight: normal; font-size: 18px; line-height: 28px;}
.result-list li h4 a:visited{ color: #600090;}
.result-list li h4 a span{ background: #ffffae; color: #f00; text-decoration: underline;}
.result-list li p{ display: block; color: #666; line-height: 18px;}
.result-list li p span{ color: #c00;}
.result-list .attribution{ padding: 3px 0 5px; color: #008000; font-style: normal;}
.result-list .attribution em{ padding-left: 10px; font-style: normal;}
.result-list .attribution span{ color: #c00;}

/*搜索结果-图片列表*/
.result-list.photo li{ border: 3px solid #e5e5e5; display: block; float: left; width: 255px; padding: 2px; position: relative; margin: 0 30px 30px 0; height: 255px;}
.result-list.photo li a{ display: block;}
.result-list.photo li img{ width: 100%; height: 190px;}
.result-list.photo li h5{ height: 24px; line-height: 24px; font-size: 14px; font-weight: normal; overflow: hidden; padding: 10px 5px 5px 5px; text-align: left;}
.result-list.photo li h5 span{ color: #f00;}
.result-list.photo .link{ color: #999;}
.result-list.photo li .attribution{ color: #999; padding: 0 10px;}
.result-list.photo li .attribution span{ color: #999; margin-left: 8px;}
.result-list.photo li p{ display: none; position: absolute; top: 135px; left: 5px; width: 220px; height: 40px; line-height: 20px; padding: 5px 10px; background: #000; color: #fff; opacity: .7; font-size: 14px; overflow: hidden;}
.result-list.photo li:hover{ border-color: #ccc; background: #f8f8f8; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .1); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .1); box-shadow: 2px 2px 6px rgba(0, 0, 0, .1);}

/*搜索结果-视频列表*/
.result-list.video li{ display: block; float: left; width: 230px; padding: 5px 10px 15px; height: 245px; position: relative;}
.result-list.video li a{ display: block;}
.result-list.video li .pic{ padding: 2px; border: 10px solid #f7f7f7; height: 150px; overflow: hidden;}
.result-list.video li img{ width: 200px; height: 150px; background: #f7f7f7;}
.result-list.video li .title{ line-height: 20px; font-size: 16px; height: 20px; overflow: hidden; margin: 10px 15px 5px; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.result-list.video li .title span{ color: #f00;}
.result-list.video li .time{ display: block; padding: 0 15px 10px; font-size: 12px; color: #999; line-height: 20px;}
.result-list.video li p{ display: none;}
.result-list.video li .area{ border: 3px solid transparent; background: #fff;}
.result-list.video li:hover .area{ position: absolute; z-index: 2; top: 5px; left: 10px; bottom: 10px; right: 10px; border-color: #ff8e42;}
.result-list.video li:hover p{ display: block; height: 60px; padding: 0 15px; line-height: 20px; font-size: 14px; color: #666; overflow: hidden;}

/*搜索结果-信息公开列表*/
.result-list.information{ width: 800px;}
.result-list.information li{ margin-bottom: 20px;}
.result-list.information li .detail{ color: #666; margin: 8px 0; font-size: 13px; line-height: 1.5}
.result-list.information li .detail td{ border: 1px solid #e3e3e3; padding: 5px 10px;}
.result-list.information li .detail .tdL{ width: 80px; background: #f6f6f6; text-align: right;}
.result-list.information li .detail span{ background: #ff0; color: #c00}
.leaderItem{ margin-bottom: 30px; font-size: 13px; line-height: 1.8; color: #666;}
.leaderItem td{ border: 1px solid #E3E3E3; padding: 5px 10px;}
.leaderItem .name a{ color: #00c; font-size: 18px; text-decoration: underline;}
.leaderItem .label{ background: #F6F6F6; width: 80px; text-align: right}
.leaderItem .pic{ width: 120px; text-align: center; background: #F6F6F6;}
.leaderItem .pic img{ width: 120px; height: auto;}
.leaderItem .con{ overflow: hidden; line-height: 1.8; font-size: 14px;}

/*没有对应结果提示*/
.s-help-tips{ padding: 10px;}
.s-help-tips p{ color: #666;}
.s-help-tips h4{ padding: 10px 0;}
.s-help-tips li{ list-style-type: decimal; margin: 0 0 0 25px; font-size: 14px; line-height: 24px;}
.s-help-tips a{ color: #f00;}
.s-help-tips a:hover{ text-decoration: underline;}

/* 分页 */
.pager{ padding: 30px 0; height: 50px;}
.pager a, .pager span{ display: block; float: left; margin-right: 5px; height: 28px; line-height: 28px;}
.pager a, .pager a:active{ display: block; float: left; border: 2px solid #eee; color: #0068B7; padding: 0 10px;}
.pager a:hover{ border: 2px solid #0068B7; text-decoration: none; color: #333;}
.pager span.current{ background: #0068B7; border: 2px solid #0068B7; color: #fff; font-weight: bold; padding: 0 10px;}
.pager span.disabled{ border: 2px solid #eee; padding: 0 10px; color: #c0c0c0;}

/* 高级搜索 advanced */
.advanced{/*padding: 20px; width: 800px;*/}
.section{ padding: 20px;}
.section.bg{ background: #f7f7f9;}
.row{ padding: 7px 0; width: 1200px; margin: 0 auto;}
.row>div{ float: left;}
.row .label{ padding-right: 20px; width: 300px; color: #333; text-align: right; font-size: 14px; line-height: 32px;}
.row .label em{ padding: 0 2px; color: green; font-style: normal;}
.row .control{ width: 600px;}
.row .control input[type="text"], .row .control select{ padding: 0 10px; width: 360px; height: 30px; border: 1px solid #ccc; color: #333; font-size: 14px; line-height: 30px;}
.row .control.inline>div, .row .control.radio-inline label{ float: left; padding: 0 20px 0 0; line-height: 32px;}
.row .control.inline input{ width: 135px;}
.row .btn button{ padding: 0 30px; height: 32px; border: none; background-color: #0068B7; color: #fff; font-size: 16px; line-height: 32px; font-family: Microsoft YaHei, arial, helvetica, sans-serif;}
.row .btn button:active{ background-color: #c00;}

/* 帮助中心 */
.s-helping{ padding: 20px; line-height: 200%;}
.s-help-sidebar{ float: left; width: 120px; position: fixed; left: 20px; top: 150px;}
.s-help-sidebar h3{ margin-bottom: 10px;}
.s-help-sidebar li{ display: block; padding: 6px 0; height: 18px; line-height: 18px;}
.s-help-sidebar li a{ display: block; border-left: 2px solid transparent; padding-left: 15px; color: #999;}
.s-help-sidebar li a:hover{ color: #f60;}
.s-help-sidebar li.current a{ border-left-color: #563d7c; color: #563d7c; font-weight: bold;}
.s-help-container{ margin-left: 150px;}
.s-help-container .tab-panel{ padding-bottom: 30px;}
.s-help-container .tab-panel h4{ color: #008000; font-size: 18px;}
.s-help-container .tab-panel p{ padding: 5px 0; text-indent: 28px;}

/* 底部 */
.s-footer{ display: none; position: fixed; right: 0; bottom: 0; left: 0; height: 30px; color: #999; text-align: center; font-size: 14px;}
.dropdown-menu{ position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.datetimepicker-dropdown-bottom-right:after, .datetimepicker-dropdown-bottom-right:before{ display: none;}
.datetimepicker thead tr:first-child th i{ display: block; height: 22px; background: url(imgdatetimepicker-arrow.png) 6px 0 no-repeat;}
.datetimepicker thead tr:first-child th .icon-arrow-left {}

.datetimepicker thead tr:first-child th .icon-arrow-right{ background-position: -22px 0;}
#selectList{ width: 320px;}

/* 底部 */
#footer{ background-color: #f5f5f5; clear: both; padding-top: 10px; padding-bottom: 5px; border-top: 2px solid #e5e5e5; padding-left: 10px; min-width: 1200px;}
.ftCont{ margin: 0 auto; overflow: hidden;}
.ftCont .col-r{ float: right;}
.ftCont .col-r span{ float: left; text-align: center; line-height: 28px;}
.ftCont .cp{ padding-top: 15px; line-height: 28px; font-size: 14px;}