﻿
/*公共样式*/
a{text-shadow: none !important;text-decoration:none; color:#333; line-height: 1em;}
a:hover,a:focus{text-decoration:none; color: #c93737}
li{list-style: none}
.text-aline{text-indent: 2em;}
.position-relative{position:relative;}
.overflow{overflow: hidden;}
.z-index10{z-index:10;}
.color-white{color:#fff;}
.color-blue{color:#026e9d;}
.color-red{color:#c93737;}
.color-light-blue{color:#1a89e7;}
.color-green{color:#21ccbe;}
.color-purple{color: #7f8cfa;}
.color-light-gray{color: #626a72;}
.color-gray{color:#666;}
.bg-blue{background-color: #405b9e !important;}
.bg-white{background-color: #fff !important;}
.bg-deep-gray{background-color: #cfcfcf !important;}
.bg-gray{background-color: #f5f6f8 !important;}
.bg-line{background: url(http:/fgw.shandong.gov.cn/images/images/bg-line.jpg) repeat-x left top;}
.line{border-bottom: 1px solid #cccccc}
.blank{display:inline-block; width:20px;}
.fr{float:right !important;}
.fl{float:left  !important;}
.fn{float: none !important;}
.text-center{text-align: center !important;}
.width-auto{width:100% !important;}
.half-line{display: block; width:50%; height: 2px;}
.mt80{margin-top: 80px !important}
.mt50{margin-top: 50px !important;}
.mt20{margin-top: 20px !important;}
.mb20{margin-bottom: 20px !important;}
.mt15{margin-top: 15px !important;}
.mt10{margin-top: 10px !important;}
.mb10{margin-bottom: 10px !important;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important}
.mr5{margin-right: 5px !important;}
.ml20{margin-left: 20px !important;}
.pl50{padding-left: 50px !important;}
.pl30{padding-left: 30px !important;}
.pl0{padding-left:0 !important;}
.pr0{padding-right: 0 !important;}
.pl20{padding-left:20px !important}
.pr20{padding-right:20px !important}
.pt20{padding-top:20px !important}
.pb20{padding-bottom:20px !important}
.pt10{padding-top:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}
.pr10{padding-right:10px !important}
.pdall10{padding:10px !important;}
.pdall0{padding:0;}
.nb{border:0;}
.nbs{box-shadow:none;}
.br4{border-radius: 4px;}
.fz14{font-size: 14px !important;}
.fz18{font-size: 18px !important;}
.lh16{line-height: 1.6em !important}
.lh26{line-height: 26px !important;}
.db{display: block !important;}
.di{display: inline !important;}
.pr{position: relative !important;}
.box-shadow{box-shadow: 0 0 10px rgba(0,0,0,.3);background-color:#fff;}
.dot{display:inline-block; width:5px; height: 5px; background-color: #003698; vertical-align: middle; border-radius: 5px;}
.tab-pane li:hover .dot{height:16px; transition: height .5s linear}
.dot-text{width:4px; height:4px; border-radius:50%; background-color:#026e9d; display:inline-block; vertical-align:middle;}
.height425{height:425px !important; overflow: hidden;}
.height200{height:200px !important; overflow: hidden;}
.list-with-data a{display:inline-block;width:80% !important;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.text-overflow-Multi-line{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.text-overflow-one-line{display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list-with-data .data{float:right;color:#666;}
.list-with-data .dot{ margin-bottom:5px;}
.lab-title{position:relative;display:inline-block;font-size:20px;}
.tl-center{text-align: center;}
.slide-icon-btns{position: fixed; top:180px; right:20px; z-index: 9999;}
.slide-icon-btn{display:block; width:45px; height: 45px; margin:10px; text-align: center; background-color: #fff; border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,.3);-webkit-border-radius: 50%; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);-moz-border-radius: 50%; -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);}
.slide-icon-btn i{font-size: 20px;color: #1f3c7e;text-align: center;display: inline-block;margin-top: 15px;}
.slide-icon-btns a:hover{background-color: #1f3c7e;color:#fff; border-radius: 50%; box-shadow: 0 0 5px rgba(31,60,126,.3);-webkit-border-radius: 50%; -webkit-box-shadow: 0 0 5px rgba(31,60,126,.3);-moz-border-radius: 50%; -moz-box-shadow: 0 0 5px rgba(31,60,126,.3); transition: .5s linear}
.slide-icon-btns a:hover i{color:#fff; transition: color .5s linear;}

/* 自定义栅格样式 */
.dnr-container{width: 100%;padding-left:15px;}
.dnr-row{padding-left:15px; padding-right: 15px;}
.dnr-col-3{position:relative;min-height: 1px; width:33.33%; float: left; padding-left:15px; padding-right: 15px;}
.dnr-col-6{position:relative;min-height: 1px; width:50%; float: left; padding-left:15px; padding-right: 15px;}

/*首页头部*/
.home-banner{position: relative;min-height: 65px;margin-bottom: 0;}
.home-banner.navbar-inverse{background: #fff;}
.navbar-nav{position: absolute;right:15px;bottom: 0;}
.home-banner .navbar-nav{left:0; bottom: -45px;width:80%;margin-left: 10%;}
.home-banner .navbar-nav a{color:#fff;}
.home-banner .navbar-nav li{width:14.2%; text-align: center}
.home-banner .navbar-brand{height: 60px;padding-top:20px;padding-bottom: 20px;}
.home-carousel{margin-top: 50px;}
.home-carousel .carousel-inner img{display: block; margin:0 auto;}

/*其他页面头部*/
.header-bg{background-color:#1f3c7e;}
.header-height{height:100px;}
.nav-title-color a{color:#fff;}
.navbar-nav > li > a:hover,.navbar-nav > li > a:focus{color:#00f0ff;background-color: transparent;}

/*检索样式*/
.search-wrap{position: absolute;width: 100%;top:10px;right: 0;z-index: 10;}
.top-linkinfo{position: relative; top:10px;}
.top-linkinfo a{display:inline-block;width:28px; height: 28px; border-radius: 2px; background-color: #b6c7db; margin-right: 5px;text-align: center;padding-top: 3px;}
.top-linkinfo i{color:#fff; vertical-align: middle;}
.search{position:relative; float: right; width:200px; height: 30px; top:0; margin-top: 10px; margin-left: 5px; background-color: #b6c7db;  border-radius: 5px; -webkit-border-radius:5px;}
.search input{width:170px; height: 30px;border-radius: 5px; -webkit-border-radius:5px; border:0; background-color: #b6c7db;}
.search input:focus{box-shadow: 0;}
.search-button{width:25px; border:0; background-color: transparent; padding:0 5px;}
.search i{color: #d41b23; opacity: 1.0;}

/*底部样式*/
footer{font-size: 14px;}
.footer-bg{background-color: #e5e5e5;}
footer .navbar-nav{position: relative;}
footer .col-md-8 .navbar-nav{float: left;}
footer .col-md-4 .navbar-nav{float: right;}
footer .navbar-nav > li > a{color:#666;font-size: 14px;line-height: 3em;padding-left:8px;padding-right: 8px;}
footer .navbar-nav > li > a:hover,.navbar-nav > li > a:focus{color:#333;background-color: transparent;}
footer img{margin:0 auto;}

/*bootstrap 重制样式 start*/
.navbar{margin-bottom: 0;}
.navbar-inverse{border-radius: 0;}
.navbar-brand{padding-top:30px; padding-bottom:30px;}
.navbar-brand img{width:500px;}
@media (min-width: 768px){
    .navbar-nav > li > a {padding-top: 5px;padding-bottom: 5px;}
}
    /*轮播效果重制*/
    .carousel-control.left,.carousel-control.right{background-repeat:no-repeat; background-image: none; top:0; width:auto;}
    .carousel-caption{background-color:rgba(0,0,0,.6);padding-top:0;padding-bottom: 0;line-height: 2em;bottom:0;text-shadow: none;}
    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{margin-left:0;}
    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{margin-right: 0}
    .carousel-fade .carousel-inner .item { transition-property: opacity;}
    .carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {opacity: 0;}
    .carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
    .carousel-fade .carousel-inner .next,   .carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {left: 0;transform: translate3d(0, 0, 0);}
    .carousel-fade .carousel-control {z-index: 2;}
    .show{overflow: hidden;}

    /*标签切换样式*/
    .nav>li>a:hover,.nav>li>a:visited, .nav>li>a:focus{background-color: transparent;}
    .nav>li.active>a.color-blue,.nav>li.active>a.color-blue:hover,  .nav>li.active>a.color-blue:visited,  .nav>li.active>a.color-blue:focus{color:#026e9d;}
    .nav>li.active>a.color-red:hover,  .nav>li.active>a.color-red:visited,  .nav>li.active>a.color-red:focus{color:#ff573d;}
    .nav-tabs-no-border{ border-bottom: 0}
    .nav-tabs-no-border > li{color:#333; font-size: 20px;}
    .nav-tabs-no-border > li > a{border:0; padding-left: 0;background-color:transparent;color:#333;}
    .nav-tabs-no-border > li.active > a, .nav-tabs-no-border > li.active > a:hover, .nav-tabs-no-border > li.active > a:focus, .nav-tabs-no-border > li.active > a:visited{background-color: transparent;border:0;padding-left: 0;}
    .nav-tabs-icon {background:url(http:/fgw.shandong.gov.cn/images/images/info-icon.png) no-repeat left center; padding-left: 60px;background-size: 40px;}
    .nav-tabs-icon > li.active > a, .nav-tabs-icon > li.active > a:hover, .nav-tabs-icon > li.active > a:focus, .nav-tabs-icon > li.active > a:visited{color:#ff573e; background-color: transparent;border:0;padding-left: 0;}
    .active .line-color-blue{background-color:#026e9d}
    .active .line-color-red{background-color:#ff573d}    
    /*缩略图样式*/
    .thumbnail:hover{box-shadow: 0 0 5px rgba(0,0,0,.4); transition: all .5s linear}
    .thumbnail>img{width:100%;}
    @media (min-width:769px){
        .thumbnail>img{height: 150px;}
    }
    /*折叠切换样式*/
    .panel-group{margin-bottom: 0;}
    .panel-group .panel-head{padding-top: 10px; padding-bottom: 10px;}
    .panel-group .panel{border-top: 0;border-left: 0;border-right: 0;border-radius: 0;-webkit-box-shadow: none; box-shadow: none;background-color: transparent;}
    .panel-group .panel h4{font-size: 16px; font-weight: 400; line-height: 1.6em; padding-right: 10px;}
    .panel-group .panel-title{position: relative;}
    .panel-group .panel-title a i{position: absolute; top:0; right: 0; font-weight: 700; color:#0175a3; color:#0175a3;display: inline-block; -webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 1s linear;transition:transform 1s linear;}
    .panel-group .panel-title a.collapsed i{ display: inline-block; -webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform 1s linear;transition:transform 1s linear;}
    
    .panel-body,.panel-body{padding-left: 0; padding-right: 0;}
    .panel-body{color:#666;}
    .panel-body a{display:block;font-size: 14px; color:#999;}
    .panel-body .color-red a{font-size: 14px;color: #c93737;}
    .panel-body .overflow{padding-bottom: 15px;}
    .panel-body.news-list a{display: inline;}
    /*信息列表样式*/
    .tab-pane ul{padding:0; list-style: none;}
    .tab-pane ul li{margin-bottom: 10px; line-height: 1.6em;}
    /*专题轮播*/
    #topicCarousel{height: 60px; background-color: #f5f5f5;}
    .carousel-control .topicCarousel-arrow-left,.carousel-control .topicCarousel-arrow-right{
        position: absolute; top:50%; margin-top:-20px; 
    }
    .topicCarousel-arrow-left{left:-20px}
    .topicCarousel-arrow-right{right:-20px;}
    #topicCarousel .carousel-inner{line-height: 60px; text-align: center;}
    .important img{width:100%;}
    /*多图轮播自适应*/
    #pic-links{position: relative;}
    .nbs-flexisel-container {position:relative;max-width:100%;}
    .nbs-flexisel-ul {position:relative;width:99999px;margin:0px;padding:0px;list-style-type:none;   text-align:center;  overflow: auto;}
    .nbs-flexisel-inner {position: relative;overflow: hidden;float:left;width:100%;   }
    .nbs-flexisel-item {float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px;}
    .nbs-flexisel-item img {max-width: 100%;cursor: pointer;position: relative;margin-top: 10px;margin-bottom: 10px;}
    .nbs-flexisel-nav-left,
    .nbs-flexisel-nav-right {padding:3;    position: absolute;cursor: pointer;z-index: 4;top: 50%;transform: translateY(-50%);   background: rgba(0,0,0,0.2);color: #fff;     }
    .nbs-flexisel-nav-left {left: -5px;}
    .nbs-flexisel-nav-left.disabled {opacity: 0.4;}
    .nbs-flexisel-nav-right {right: -5px;}
    .nbs-flexisel-nav-right.disabled {opacity: 0.4;}
    /* 动态轮播 */
    #newsCarousel{padding-bottom: 80px; background: url(http:/fgw.shandong.gov.cn/images/images/newscarousel-bg.png) no-repeat center bottom;}
    #newsCarousel .carousel-inner{overflow: unset;}
    #newsCarousel .carousel-caption{position: absolute; background-color: transparent; color:#333; bottom:-30px;}
    #newsCarousel .carousel-control.left{left:50%;}
    #newsCarousel .carousel-control.right{right:50%;}
    #newsCarousel .carousel-control {opacity: 1; top:auto; bottom:20px;}
    #newsCarousel .carousel-control .glyphicon-chevron-left, #newsCarousel .carousel-control .glyphicon-chevron-right{line-height:30px;border:1px solid #a5273c; color:#a5273c}
    #newsCarousel .carousel-control .glyphicon-chevron-left{width:30px;margin-left: -30px;}
    #newsCarousel .carousel-control .glyphicon-chevron-right{width:30px;margin-right: -30px;}
/*分页*/
.pager{margin:0;}
    /*面包屑*/
    .breadcrumb{padding:0; margin-bottom: 0; background-color: transparent; border-radius: 0;}
/*bootstrap 重制样式 end*/ 


/*兼容圆*/
.home-public{width: 40px; height: 40px;line-height: 40px;position: relative;overflow: hidden;}
.interactive-circle{width: 100%;height:100%;position: relative;overflow: hidden;}
.circle-green{color: #4ac0c5;background-color: currentColor;}
.circle-orange{color: #ed660f;background-color: currentColor;}
.circle-yellow{color: #f7bc5b;background-color: currentColor;}
.circle-red{color:#ff573e; background-color: currentColor;}
.circle-blue{color: #1a89e7; background-color: currentColor;}
.circle-purple{color: #7f8cfa; background-color: currentColor;}
.circle {position: absolute;width: 100%; height: 100%;border-radius: 50%;border: 39px dotted;/* IE7,IE8圆尺寸要小1像素同时有1像素偏移 */margin: 0 0 1px 1px;border-width: 0vw;margin: 0vw;}
.home-public-icon {position: relative;color: #fff;font-size: 20px; padding-left: 10px;}
.home-public-title {position: absolute; text-align: center; font-size: 14px; line-height: 40px;top:0; left:60px;}
.home-btn-link{overflow: hidden;border:1px solid #e7e7e7; margin-bottom: 10px;}
.home-btn-link a{display: block; float: left; width:50%; text-align:left; font-size: 16px; line-height: 2.1em;}
.interactive-text{position: relative;color: #fff;text-align: center;font-size: 12px;}
.interactive-text .iconfont{font-size: 28px;}

/*动态*/
.nav-tabs-icon-video {background:url(http:/fgw.shandong.gov.cn/images/images/video-icon.png) no-repeat left center; background-size: 40px;}

/*互动*/
.interactive-amount{display:block; text-align:center; font-size:30px;}
.interactive-email{font-size:14px; text-align: center;}
.search-btn{display: block;text-align: center;background-color: #eff4ff;padding-top: 8px; padding-bottom:8px; font-size:14px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;}
.lab-title-interactive{ margin-top: -20px;position: absolute;margin-left: 20px;}
.hd-img img{ width:100%;}

/*服务*/
.iframe-height{
    height: 240px;
    overflow: hidden;
}

/*机构*/
.leader-lists{overflow: hidden;margin-bottom: 0}
.leader-lists span,.leader-lists p{float: left;}
.leader-lists p{padding-left: 20px; line-height: 1.6em; color:#626a72;}
.leader-lists span{ display: block; width:60px; text-align: justify; text-align-last: justify; line-height: 1.6em;}
.leader-lists dt::after{display:inline-block;overflow:hidden;width:100%;height:0;content:'';vertical-align:top;}
.blue-btn{display:block; width:150px; margin:0 auto;padding-top:8px; padding-bottom: 8px; text-align: center; background-color: #417bca; color:#fff; border-radius: 5px;}
#duties{overflow: hidden; line-height: 1.6em;}
.line-long-gray{position: absolute; left:15px; right:15px; top:50%;height: 1px; background-color: #d7dde4;z-index: 0;}

/*公开目录*/
.panel-body .icon-img{width:20px;}
.panel-body div a{font-size: 16px;line-height: 1em;margin-bottom: 15px;color: #333;cursor: pointer;}
.panel-body >div>a{/* line-height: 2em; */font-size: 16px;}
.panel-body a i{font-size: 14px; color:#003698;}
.tab-content .panel-body a{color:#333;margin-bottom: 15px;}
.tab-content .panel-body a.color-red{color:#c93737}
.classification-title{text-align: center;height: 60px;line-height: 60px;background-color: #e1e9f6;border-bottom-right-radius: 20px;border-top-left-radius: 20px;font-size: 20px;color: #2b52a1;}

/*专题*/
.thematic-classification-lists .thematic-img-icon{width:26px;}

/*logo适应不同分辨率*/
/*非手机样式*/
@media (min-width:768px){
    .home-banner .navbar-right{margin-top: 65px;}  
    .navbar-brand img{width:360px;}  
    .float-col .item{float:left; line-height: 1.6em; margin-bottom: 5px;}
    .float-col-2 .item{float: left; width:50%;}  
    .float-col-3 .item{float: left; width:33.33%;}   
}
/*大屏显示样式*/
@media (min-width: 1200px){
    .navbar-brand img{width:400px;} 
}
/*普通pc显示样式*/
@media (min-width: 992px){
    .navbar-brand img{width:450px;} 
}
/*pad显示样式*/
@media (min-width: 768px)and (max-width: 992px){
    .list-with-data a{width:95% !important;}
    .navbar-brand img{width:360px;} 
    .height425{height:auto !important; overflow: hidden;} 
}
/*手机端样式*/
@media (max-width: 767px){ 
    .home-banner .navbar-nav li{text-align: left;} 
    .navbar-nav {position: relative;}
    .navbar-brand img{width:280px;} 
    .home-carousel{margin-top: auto;}
    .navbar{min-height:50px;}
    .navbar-inverse{background-color:#1f3c7e}
    .navbar-brand{height: auto; padding-top: 15px; padding-bottom: 15px;}
    .navbar-toggle{right:0;margin-top:15px; margin-bottom:15px; padding:0;}
    .navbar-collapse{position:absolute; width:100%; background-color:#1f3c7e;}
    .search-wrap{position: relative; top:0;z-index: 0;}
    .search{width:100%; background-color: #b6c7db; z-index: 1; margin-bottom: 10px;}
    .search input{width:100%;height: 30px;border-radius: 5px; -webkit-border-radius:5px; border:0; background-color: #b6c7db;}
    .search input:focus{box-shadow: 0;}
    .search-button{position:absolute; top:5px ; right:5px;z-index: 1;}
    .search i{color: #d41b23;}
    .top-linkinfo{display: none;}
    .nbs-flexisel-nav-left {left: 0;}
    .nbs-flexisel-nav-right {right:0; }
    .home-public-wrap{background-color: #f3f3f3;padding-top: 10px;}  
    .pull-left{width:100% !important;}
    .data{display: none !important;}
    .blank{display:block;}
    .height425{height:auto !important;}
    .bg-blue{background-color: transparent !important}
    footer img{max-width:100%;}
    .list-with-data a{width:95% !important;}
}