body,h1, h2, h3, h4, h5, h6{font-family: "微软雅黑" ; } a,a:visited{color: #333;} a:hover,a:focus{color:#364268;} .toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;} .img{-webkit-background-size: cover; background-size: cover; background-position: center; display: inline-block;} .for-ie{text-align:center;} /*.effect { position: absolute; right: -500px; bottom: 46px; height: 2px; width: 15px; background-color: #666; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; -ms-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; } .nav-main{position: relative; } .nav-main>li:nth-child(1):hover ~ .effect { right: 539px; } .nav-main>li:nth-child(2):hover ~ .effect { right: 453px; } .nav-main>li:nth-child(3):hover ~ .effect { right: 367px; } .nav-main>li:nth-child(4):hover ~ .effect { right: 282px; } .nav-main>li:nth-child(5):hover ~ .effect { right: 195px; } .nav-main>li:nth-child(6):hover ~ .effect { right: 109px; } .nav-main>li:nth-child(7):hover ~ .effect { right: 50px; } .nav-main>li:nth-child(8):hover ~ .effect { right: -500px; } */ #header a.logo>img{width:260px; height: auto;} #header.fixed #topNav a.logo{line-height: 60px;} #header.fixed #topNav a.logo>img{height: auto;} #topMain.nav-pills>li>a{font-size: 16px;} #topNav ul.dropdown-menu li a{font-size: 14px;} #topNav div.submenu-dark ul.dropdown-menu{background-color: #364268;} .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{background-color: #364268;} .open>.dropdown-toggle.btn-primary, .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover .pagination>.active>a, .pagination>.active>a:hover{background-color: #364268;} .primary-slider .ui-slider .ui-slider-handle, .switch.switch-primary > input:checked + .switch-label, .timeline_center li h3:before, .timeline_center:after, a.thumbnail.active, a.thumbnail:hover, .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus{background-color: #364268;} section.page-header .breadcrumb a:hover{color:#fff!important;} .page-header{ background-size: 100%!important;} #footer{ background: none; background-image: url(assets/images/bottom-bg.jpg); background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center; filter: none;} #footer>.container{margin-bottom: 0; padding-bottom: 60px; color: #364268;} #footer>.container a{color: #364268;} #footer>.container>.row>.col-md-3{border-right: 1px dashed #ddd;} #footer .title-white{font-size: 24px; color: #fff; margin-bottom: 10px;} #footer .title-black{font-size: 20px; color: #364268; border-bottom: 2px solid #364268; width:125px; height: 35px; margin-bottom: 10px;} #footer .footer-sprite{line-height: 35px; vertical-align: bottom;} #footer .footer-sprite .btn-group {margin: 0 15px 0 0;} #footer .btn-group.open .dropdown-toggle{box-shadow: none;} #footer .wechat-code{text-align: center;} #footer .wechat-code img{max-width: 80%;} #footer .dropdown-menu{background-color: #364268;} #footer .dropdown-menu li{border-bottom: rgba(0,0,0,0.06) 1px solid;border-bottom-color: rgba(0,0,0,0.2);} #footer .dropdown-menu a{color: #ccc;} #footer .dropdown-menu li:hover a{color: #fff; background-color: rgba(0,0,0,0.15);} /*9001cc金沙登录*/ .page-index{background-color: #eeeeee; position: relative;} /*.page-index section#slider {width: 100%; display: block; padding: 0; margin: 0; box-shadow: none; background-color: #151515; overflow: hidden !important; border-bottom: 0; z-index: 0; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s;}*/ /*.swiper-button-next, .swiper-button-prev{color: #eee; background-color: rgba(0,0,0,0.3);}*/ .page-index .topNews{background: white;padding: 65px 0;} .page-index.theme-red .topNews { background: rgba(255,255,255,.5) } .page-index .topNews .leftFlag{width: 40px;height: 100%;position: absolute;background: #f95554;color: white;font-size: 18px;text-align: center;left: 0px;} .page-index .topNews .leftFlag span {display: inline-block;width: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-40%);} .page-index .topNews .content {padding-left:63px} .page-index .topNews .content .newTitle {font-size: 24px;padding-bottom: 5px;border-bottom: 2px solid;color: #364268;line-height: 30px;font-weight:bold;display: inline;} .page-index.theme-red .topNews .content .newTitle { color: #e51c23 } .page-index .topNews .content .newTitle a {color: #364268} .page-index.theme-red .topNews .content .newTitle a {color: #e51c23} .page-index .topNews .content .shortNew {font-size: 18px;color: #333;margin: 25px 0 20px;} .page-index .topNews .content .moreNew {margin:0;cursor:pointer;font-weight:bold;font-size:16px;} .page-index .topNews .content .moreNew span {display: inline-block;max-width: 24%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .page-index .topNews .content .moreNew span a {color: #666} .page-index .topNews .content .moreNew span:nth-child(-n+3){padding-right: 14px;border-right: 1px solid;margin-right: 9px;} .page-index .news-title{margin: 30px 0; position: relative;} .page-index .news-title .news-title-left{width:120px; border-top: 2px solid #364268; height: 46px; position: absolute; left: 0; bottom: -1px; background-color: #eeeeee;} .page-index .news-title .news-title-center{width:100px; text-align: center; line-height: 46px; font-size: 34px; color: #364268; font-weight: bold; position: absolute; left: 120px; bottom: -1px; background-color: #eeeeee;} .page-index .news-title .news-title-right{width:100%; line-height: 26px; letter-spacing: 2px; padding-top: 20px; text-indent: 10px; border-bottom: 2px solid #364268; color: #da3231; font-size: 12px; text-indent: 230px;} .page-index .news-title2{margin: 30px 0; position: relative;} .page-index .news-title2 .news-title-left{padding-top: 20px; border-bottom: 2px solid #364268; margin-right: 30px;} .page-index .news-title2 .news-title-center{width:135px; text-indent: -103px; text-align: left; line-height: 46px; font-size: 34px; color: #364268; font-weight: bold; position: absolute; right: 110px; bottom: -1px; background-color: #eeeeee;} .page-index .news-title2 .news-title-right{width:110px; border-top: 2px solid #364268; height: 46px; line-height: 55px; text-indent: -40px; position: absolute; right: 30px; bottom: -1px; background-color: #eeeeee; color: #da3231; font-size: 12px; letter-spacing: 2px; } .page-index .owl-carousel.featured .owl-featured-detail{padding-top: 0; height: 210px; padding: 30px 15px; background-color: #fff;} .page-index .owl-carousel.featured .owl-item:nth-child(2n) .owl-featured-detail:after{top: 135px; border-bottom: none; border-top: 10px solid #fff; bottom: -10px; top: auto;} .page-index .owl-carousel.featured .owl-featured-detail>a.featured-title{ height: 150px; line-height: 30px; box-sizing: content-box; overflow: hidden; text-align: left; margin-top: 0; font-size: 16px;} .page-index .owl-carousel.featured .owl-featured-detail>a.featured-title strong{font-size: 22px; margin-right: 5px;} .page-index .owl-carousel.featured a.figure>span{color:#fff; text-align: center; font-size: 30px; padding-top: 250px; background-color: rgba(0,0,0,0.5); filter: alpha(opacity=0);} .page-index .owl-carousel.featured .owl-controls.clickable{width:100%;} .page-index .owl-carousel.featured .owl-controls.clickable .owl-buttons{position: relative;} .page-index .owl-carousel.featured .owl-controls.clickable .owl-prev,.page-index .owl-carousel.featured .owl-controls.clickable .owl-next{position: absolute; top:400px;width:55px!important;height:55px!important; line-height: 55px!important; font-size: 34px!important;background-color: rgba(0,0,0,0.2); color: #fff!important; border: none;} .page-index .owl-carousel.featured .owl-controls.clickable .owl-prev:hover,.page-index .owl-carousel.featured .owl-controls.clickable .owl-next:hover{background-color: rgba(0,0,0,0.5);} .page-index .owl-carousel.featured .owl-controls.clickable .owl-prev{left: 15px; } .page-index .owl-carousel.featured .owl-controls.clickable .owl-next{right: 18px; } .page-index .works{margin-bottom: 50px;} .page-index .works .container{padding: 0;} .page-index .works .work{position: relative; background-color: #fff;} .page-index .camera_caption{height: 100%;} .page-index .camera_caption > div{background: none;} .page-index .cameraContent:first-child .slogan{display:none;} .page-index .slogan{background-image:url(assets/images/slogan.png); position:absolute; background-repeat:no-repeat; width:343px; height:40px; background-size:343px 40px; left:10%; top:40px;-webkit-animation-name: sloganIn; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s; } @-webkit-keyframes sloganIn { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .page-index .fixed-bar{position: fixed; left: 0; bottom: 80px;z-index: 9999;} .page-index .fixed-bar .item{display: block; width:60px; height: 40px; background-color: #364268; color: #fff; text-align: center; margin-bottom: 10px; padding: 10px 0; line-height: 20px; font-size: 16px; box-sizing: content-box; } .page-index .fixed-bar .item:hover{background-color: #29324e;} .news-box .container{position: relative; z-index: 99;} .news-box .white-space{background-color: #fff; height: 400px; position: absolute; top: 0; left: 50%; right: 0; z-index: 1;} .news-box2 .container{position: relative; z-index: 99;} .news-box2 .white-space{background-color: #fff; height: 340px; position: absolute; top: 0; right: 50%; left: 0; z-index: 1;} .news-box{margin-bottom: 20px; position: relative;} .news-box-left{height: 400px; padding: 0;} .news-box-right{background-color: #fff; height: 400px; padding: 40px; position: relative;} .news-box-right span.tag-bg{position: absolute; left: 0; top: 0; width:0; height:0; border-width:35px; border-style:solid; border-color:#f95554 transparent transparent #f95554;} .news-box-right span.tag-txt{color: #fff; width:40px; position: absolute; font-size: 18px; left: -31px; top: -26px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); /* IE 9 */ -moz-transform:rotate(-45deg); /* Firefox */ -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */ -o-transform:rotate(-45deg); /* Opera */} /*9001cc金沙登录新闻轮播*/ .flexslider{height: 100%; } .flexslider .flex-viewport,.flexslider .slides,.flexslider .slides li{height: 100%;} .flexslider .slides li{position: relative;} .flexslider .slides li:hover .flex-caption{display: block; opacity: 1!important; transition:all .5s;} .flex-caption{margin-left: 0; width:100%; bottom: 0px; max-width: 585px; font-size: 16px; opacity: 0!important; transition:all .5s;} .flexslider li img{height: 100%!important; width:100%;} .news-box-right .topnew-title{margin-bottom: 20px;} .news-box-right .topnew-title a{color:#364268; display: inline-block; border-bottom: 2px solid #333; font-weight: 500; font-size: 22px; overflow: hidden; font-weight: bold;} .news-box-right .topnew-title a:hover{color: #364268;} .news-box-right .topnew-info{color: #333; font-size: 14px; height: 45px; overflow: hidden;} .news-box-right .topnew-info a{color: #333; font-size: 16px;} .news-box-right ul{margin-top: 22px; margin-bottom: 5px; padding: 0; overflow: hidden;} .news-box-right ul li{list-style: none; line-height: 35px; padding-left: 15px; position: relative;} .news-box-right ul li:before{content: "|"; position: absolute; left: 0; top: 0px;} .news-box-right ul li a{color:#666; font-size: 16px; display:block;} .news-box-right ul li a:hover{color:#364268;} .news-box-right .more{color:#f95554; font-size: 16px; float: right;} .news-box2{margin-bottom: 30px; position: relative;} .news-box2-left,.news-box2-right{padding: 0;} .news-box2-left{background-color: #fff; height: 340px; overflow:hidden} .news-box2-left .nav-tabs>li{border-bottom: 1px solid #ddd;} .news-box2-left .nav-tabs>li>a{border: none; border-bottom: 2px solid #fff; color:#222; font-weight: 500; font-size: 20px;} /* .news-box2-left .nav-tabs li:last-child a{color: #666; font-size: 16px;} */ .news-box2-left span.more_link_list {position: absolute;width: 222px;height: 51px;line-height: 51px;right: 0px;color: #666;font-size: 16px;top: 0;text-align: center;border-bottom: 1px solid #ddd;} .news-box2-left .nav>li>a:focus, .news-box2-left .nav>li>a:hover { background-color: #fff;} .news-box2-left .nav-tabs.nav-justified>.active>a, .news-box2-left .nav-tabs.nav-justified>.active>a:focus, .news-box2-left .nav-tabs.nav-justified>.active>a:hover{border: none; border-bottom: 2px solid #364268;} .news-box2-left .nav-tabs.nav-justified>.active a{color:#364268 !important;} .news-box2-left .tab-pane ul{padding-right: 40px; padding-left: 0;} .news-box2-left .tab-pane ul li{line-height: 36px; list-style: none; padding-left: 40px; position: relative; overflow: hidden;} .news-box2-left .tab-pane ul li:before{content: "▶"; position: absolute; left: 0; top:0; color: #364268 } .news-box2-left .tab-pane ul li a{color: #333; font-size: 16px;} .news-box2-left .tab-pane ul li a:hover{color: #364268;} .news-box2-left .tab-pane ul li .news-box2-item{} .news-box2-left .tab-pane ul li .news-box2-itemtime{position:absolute; background: #fff; padding-left:10px; right:0; font-size: 14px; color: #666666;} .news-box2-right{padding-left: 15px;} .news-box2-right .special,.news-box2-right .magazine,.news-box2-right .video{height: 110px; background-color: #fff; margin-bottom: 5px; position: relative; z-index: 1;} .news-box2-right .special{background-color: #364268; background-image: url(assets/images/news_box2_r1.jpg); background-repeat: no-repeat; background-position: 130px;} .news-box2-right .magazine{background-image: url(assets/images/news_box2_r2.jpg); background-repeat: no-repeat; background-position: 0px;} .news-box2-right .video{margin-bottom: 0; background-color: #364268; background-image: url(assets/images/news_box2_r3.jpg); background-repeat: no-repeat; background-position: right;} .news-box2-right .special .tit{color: #fff; font-size: 24px; position: absolute; right: 25px; bottom: 10px;} .news-box2-right .video .tit{color: #fff; font-size: 24px; position: absolute; right: 110px; top: 40px;} .news-box2-right .magazine .tit{color:#f95554; font-size: 24px; position: absolute; top: 40px; left: 56px;} .news-box2-right .special .sub-tit{color: #718493; position: absolute; left: 50px; bottom: 10px;} .news-box2-right .magazine .sub-tit{color:#f95554; position: absolute; right: 60px; bottom: 10px;} .news-box2-right .video .sub-tit{color: #718493; position: absolute; bottom: 10px; left: 70px;} .news-box2-right .letter{font-size: 30px; position: absolute;} .news-box2-right .special .letter{left: 38px; top: 15px;} .news-box2-right .video .letter{left: 15px; bottom: 15px;} .news-box2-right .magazine .letter{right: 45px; bottom: 7px;} .news-box2-right .animation-box{position: relative; z-index: 99; height: 340px;} .news-box2-right #particles-js{overflow: hidden; z-index: 2; width:375px;height: 340px; box-sizing: content-box; position: absolute;} .news-box2-right #particles-js canvas{height: 340px!important;} .news-box2-right .animation-link1,.news-box2-right .animation-link2,.news-box2-right .animation-link3{width:100%; height: 110px; display: inline-block; position: absolute; z-index: 999;} .news-box2-right .animation-link1{top: 0;} .news-box2-right .animation-link2{top: 115px;} .news-box2-right .animation-link3{top: 230px;} /*部门链接*/ .section-list-con{padding-top: 20px;} .list-item{padding-bottom: 30px; padding-top: 30px; border-bottom: 1px dashed #ddd; position: relative;} .list-item:first-child{border-top: 1px dashed #ddd;} .list-pic{margin-right: 20px; position: absolute;} .list-pic .img{width:150px; height: 100px; border-radius: 5px;} .list-time{width:80px; height: 80px; text-align: center; background-color: #f2f2f2; color: #999; padding: 5px; margin-right: 20px; position: absolute;} .list-time .date{font-size: 30px;} .list-main{ padding-left: 100px;} .list-pic+.list-main{padding-left: 170px; height: 100px;} .list-top{margin-bottom: 10px; position: relative;} .list-title{ font-size: 20px; margin-bottom: 0; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .list-title a:hover{color:#364268;} .list-time-right{color: #999999; position: absolute; right: 0; top:2px;} .list-info{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 42px; line-height: 21px;} .section-list-nav{padding:50px 0;} .list-nav{border: 1px solid #ddd; border-radius: 50px;} .col-md-5th.news-category-item {width: 16.6%} .list-nav .col-md-5th a{height: 50px; line-height: 50px; font-size: 18px; display: inline-block; color: #333;} .list-nav .col-md-5th a:hover{color: #364268;} .list-nav .col-md-5th:hover>.list-dropdown-menu{display: block;} .list-nav .col-md-5th>.list-dropdown-menu>li:hover .list-dropdown-menu{display: block;} .list-nav .col-md-5th.active>a{border-bottom: 3px solid #364268; color: #364268;} .list-nav .list-dropdown-menu{position: absolute; top: 50px; left: 50%; width:180px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin-left: -90px; 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);} .list-nav .list-dropdown-menu>li>a { display: block; padding: 3px 20px; height: 40px; line-height: 34px; font-size: 14px; clear: both; font-weight: 400; color: #333; white-space: nowrap;} .list-nav .list-dropdown-menu li .list-dropdown-menu{top:0; left: 178px; margin-left: 0;} .list-dropdown-menu>li>a:focus, .list-dropdown-menu>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5;} #tabChange{ display: flex; justify-content: space-between; margin:0 18px } .list-nav .tabChange a{height: 50px; line-height: 50px; font-size: 18px; display: inline-block; color: #333;} .list-nav .tabChange a:hover{color: #364268;} .list-nav .tabChange:hover>.list-dropdown-menu{display: block;} .list-nav .col-md-2>.list-dropdown-menu>li:hover .list-dropdown-menu{display: block;} .list-nav .tabChange.active>a{border-bottom: 3px solid #364268; color: #364268;} /*文章页*/ .article-box{padding:30px 0; margin-bottom: 30px; border-bottom: 1px dashed #ddd;} .article-info{border-bottom: 1px dashed #ddd; margin-bottom: 40px; padding-bottom: 5px;} .article-info span{margin-right: 20px; color: #999999;} .article-side{background-color: #f0f0f0; padding: 15px;} .article-txt{font-size: 16px; line-height: 40px;} .article-txt br{line-height: 60px;} .article-txt img{max-width: 100%; display: block; margin: 0 auto 30px;} .article-pre,.article-next{height: 21px; overflow: hidden;} .article-pre{text-align:left;} .article-next{text-align:right;} .side-list-item{border-bottom: 1px dashed #ccc; padding: 15px 0;} .side-title{font-size: 18px; color: #333333;} .side-list-item .time{margin-bottom: 10px; color: #999999;} #video-box iframe,#video-box object,#video-box embed{min-width: 730px;min-height: 450px; margin:20px auto; display:block;} /*联系我们*/ .contactus-box,.service-box{border: 1px dashed #ddd; padding: 50px 100px;} .contactus-box #container{height: 500px;} /*便民服务*/ .service-box .bmfw-tool{margin-bottom: 30px;} /*主营业务*/ .page-business-show .section-article-con{padding-top: 0;} .page-business-show .article-box{padding: 0; border-bottom: none;} /*书画展*/ .page-special-painting .item-box{border: 1px solid #ddd; padding:5px; background-color: #fff;} .page-special-painting .section-list-subnavs .subnav{padding: 30px 0;border-bottom: 1px dashed #ddd; font-size:16px;} .page-special-painting .section-list-subnavs .subnav span:after{content: "/"; margin-left: 10px; margin-right: 5px; color: #ccc;;} .page-special-painting .section-list-subnavs .subnav span:last-child:after{content:"";} .page-special-painting .section-list-portfolio{padding-top: 30px;background-color: #f0f0f0; } .page-special-painting .section-list-con .list-item:first-child{border-top: none; } .page-special-painting #portfolio .portfolio-item h2, .page-special-painting #portfolio .portfolio-item h3{white-space: normal;line-height: 25px;} /*发展战略*/ .group-info-nav-container{overflow: hidden;} .group-info-nav{border-bottom: 1px dashed #e4e4e4; padding: 50px 0; margin-left: -100px; margin-right: -70px;} .group-info-nav .col-md-5th{border-right: 1px solid #e4e4e4; } .group-info-nav .col-md-5th.last,.group-info-nav .col-md-5th:last-child{border-right: none;} .group-info-nav .nav-item{width:100px; position: relative; left: 50%; margin-left: -20px; color: #364268;} .group-info-nav .nav-item a{color: #364268;} .group-info-nav .nav-item .upperletter{position: absolute; left: -41px; top: -14px; font-size: 52px; width:35px; text-align: right;} .group-info-nav .nav-item a:hover .sub-tit,.group-info-nav .nav-item a:hover .tit{color: #364268;} .group-info-nav .nav-item .tit{font-size: 20px; line-height: 28px; color: #333;} .group-info-nav .nav-item .sub-tit{color: #999999; letter-spacing: 2px;} .group-info-nav .nav-item.active{color: #364268;} .group-info-nav .nav-item.active .sub-tit{color: #364268;} .page-develop .main-inner{ position: relative; } .page-develop .main-inner .page-develop-bg{background-image: url(assets/images/develop.jpg); -webkit-background-size: 100% 100%; background-size: 100% 100%; width:1130px; height: 480px; position: absolute; z-index: 5;} .page-develop .main-inner>.img-page-list{position: absolute; z-index: 10; width:300px;} .page-develop .main-inner>.img-page-list h3{margin-bottom: 10px;} .page-develop .main-inner>.img-page-list:nth-of-type(3){left:90px; top:115px;} .page-develop .main-inner>.img-page-list:nth-of-type(6){left:70px; top:360px;} .page-develop .main-inner>.img-page-list:nth-of-type(9){right:80px; top:127px; text-align: right;} /*部门职责*/ .page-department .main-inner>ul>li{margin-bottom: 50px;} .page-department .main-inner>ul>li>h3{color: #364268; background-color: #e9f0f9; margin-bottom: 20px; font-weight: 500; font-size: 16px; padding: 10px; border-left: 3px solid #364268; padding-left: 30px;} .page-department .main-inner>ul>li>p{padding: 0 33px; color: #666666;} /*公司简介*/ .page-introduction .company-info{padding-bottom: 20px; border-bottom: none;} .page-introduction .main-inner img{max-width: 100%; margin-bottom: 30px;} .page-introduction .main-inner h3,.page-introduction .main-inner .letter-tit{color:#364268;} .page-introduction .main-inner h3{margin-bottom: 5px;} .page-introduction .main-inner .letter-tit{margin-bottom: 25px;} .page-introduction .main-inner p{color: #6b6b6b; font-size: 16px; line-height:1.8; margin-bottom:30px;} .page-introduction .main-inner .cangu-company{text-align: center;} .page-introduction .main-inner .cangu-company .tit{font-size: 20px; margin-top: 50px; margin-bottom: 30px;} .page-introduction .main-inner .cangu-company span{display: inline-block; margin: 0 20px; font-size: 16px;} /*集团领导*/ .main-inner{font-size: 16px;} .page-leadership .main-inner{padding:0 100px; } .page-leadership .timeline{padding-left: 220px;} .page-leadership .timeline .timeline-entry{ border-color: #364268; background-color: #364268; width: 20px; height: 20px; left: -200px; top: 60px;} .page-leadership .timeline>.timeline-hline{border-color: #364268;} .page-leadership .timeline .timeline-entry>.timeline-vline{right: -170px; width:170px; border-color: #364268;} .page-leadership .blog-post-item{border-bottom: none; padding-bottom: 0;} .page-leadership .avatar{width:100px; max-height: 200px; overflow: hidden; margin-right: 20px; } .page-leadership ul.blog-post-info{border-bottom: none; margin-bottom: 10px; padding-bottom: 10px;} .page-leadership .avatar img{} /*信息公开*/ .col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 16%; float: left; } @media (min-width: 768px) { .col-sm-5th { width: 16%; float: left; } } @media (min-width: 992px) { .col-md-5th { width: 16%; float: left; } } @media (min-width: 1200px) { .col-lg-5th { width: 16%; float: left; } } @media only screen and (max-width: 992px) { .col-md-5th { width:100%; float:none; display:block; } .col-md-5th.col-sm-5th { width: 16%; float: left; } } @media only screen and (max-width: 769px) { .col-md-5th.col-sm-5th { width:100%; float:none; display:block; } } /*搜索结果*/ .page-search .section-list-nav{padding: 50px 0 30px;} .page-search .search-info{padding: 10px 30px;} .page-search .search-info span{font-weight: bold;} /* ie8 */ .container{width: 1170px\9;padding-right: 15px\9; padding-left: 15px\9; margin-right: auto\9; margin-left: auto\9;} .col-md-6,.col-md-8,.col-md-4,.col-md-9,.col-md-3,.col-md-2{float: left\9;} .col-md-2{width: 16.66666667%\9;} .col-md-3{width: 25%\9;} .col-md-4 { width: 33.33333333%\9; } .col-md-6{width: 50%\9; } .col-md-8 { width: 66.66666667%\9; } .col-md-9{ width: 75%\9;} .news-box2-left .nav-tabs>li{float:left; width: 186px;} .navbar-collapse.collapse{display:block\9;} .flexslider{display:none\9;} #preloader{display:none\9;} .bx-wrapper{margin-bottom:20px;} .bx-wrapper .bx-pager{bottom:20px;} .news-box-left .bx-wrapper{height:400px;} .news-box-left .bx-wrapper IMG{height:389px;} .news-box-left .bx-pager{display:none;} .bxslider-col-s li{overflow:hidden; padding-bottom:30px;} .bxslider2-item{display:inline-block; width:385px; border-left:4px solid #fff; border-right:4px solid #fff; float:left;} .bxslider2-info{margin-top:10px; font-size:16px;} .bxslider2-info strong{font-size:18px;} .list-item-gandong {padding-bottom: 15px; padding-top: 15px;} .list-item-gandong .list-pic .img{width: 116px; height: 157px;} .list-item-gandong .list-pic+.list-main {padding-left: 140px; height: 155px; padding-top: 33px;} /* IE9+ */ @media only screen and (min-width:0) { .flexslider{display:block\0;} } @media only screen and (max-width: 768px) { .page-header{ background-size: cover!important;} .page-index .fixed-bar{display: none;} .page-index .owl-controls{position: absolute; top: -50px; right: 18px;} .page-index .owl-carousel.featured .owl-controls{display: none!important;} .page-index .slogan{width: 170px; height: 20px; background-size: 170px 20px; left: 5%; top: 20px;} .section-list-nav{padding: 20px 0;} .list-nav{border: none;} .list-nav .col-md-5th.news-category-item { width: 30%; float: none; display: inline-block;} .list-nav .col-md-5th.news-category-item a{font-size: 16px;} .list-pic .img{width:100px; height: 75px; border-radius: 5px;} .list-pic+.list-main{padding-left: 110px; height: 80px;} .list-main{padding-left: 90px;} .list-time-right{display: none;} #header a.logo>img{width:190px;} /*.page-index section#slider{height: 300px!important;}*/ .list-source{font-size: 12px;} .list-time{width:75px; height: 75px;} .news-box-left{height: 250px;} .news-box-right span.tag-bg{left: 15px;} .list-pic{width:100px; height: 80px; margin-right: 10px;} .list-time{margin-right: 10px;} .list-title{font-size: 16px;} .article-next{text-align:left;} .contactus-box,.service-box{border: 1px dashed #ddd; padding: 10px;} .contactus-box #container{height: 300px;} .contactus-box .address>div{margin-bottom: 20px;} .news-box2-left{height: auto;} .news-box2-left .nav-tabs.nav-justified>li {display: table-cell!important; background-color: #fff!important; width: 1%;} .nav-tabs>li>a :focus, .nav-tabs>li.active>a{background-color: #fff;} .page-index .works .work{margin-bottom: 20px;} .news-box2-left .tab-pane ul{padding-left: 10px; padding-right: 10px;} .news-box2-left .tab-pane ul li{padding-left: 25px;} .news-box2-left .tab-pane ul li a{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .news-box2-item{-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ width: 20%; /* For old syntax, otherwise collapses. */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; overflow: hidden;} .news-box2-left .tab-pane ul li .news-box2-itemtime{font-size: 13px;} .news-box2-right{padding: 15px;} .page-index .work-mask{opacity: 0;} .group-info-nav{ margin: 30px 0px; background-color: rgba(0,0,0,0.02); padding: 0; border-bottom: none;} .group-info-nav .col-md-5th{float: left; border-right: none; padding: 0;} .group-info-nav .upperletter,.group-info-nav .sub-tit{display: none;} .group-info-nav .nav-item{ width: auto; left: 0; margin-left: 0px; padding: 6px 15px; margin-bottom: 6px;} .group-info-nav .nav-item .tit{font-size: 16px; line-height: 25px;} .group-info-nav .nav-item.active{background-color: #ededed;} .page-develop .main-inner{min-height: 500px; padding: 0;} .page-department .main-inner>ul{padding-left: 0;} .page-develop .main-inner .page-develop-bg{width:100%; height: 155px; position: relative;} .page-develop .main-inner>.img-page-list{width:90%;} .page-develop .main-inner>.img-page-list h3{margin-bottom: 10px; font-size: 14px;} .page-develop .main-inner>.img-page-list div{font-size: 12px;} .page-develop .main-inner>.img-page-list:nth-child(2){left:20px; top:180px;} .page-develop .main-inner>.img-page-list:nth-child(3){left:20px; top:280px;} .page-develop .main-inner>.img-page-list:nth-child(4){left:20px; top:380px; text-align: left;} .page-leadership .main-inner{padding: 0;} .page-leadership .timeline>.timeline-hline{margin-left: 15px;} .page-leadership .timeline{padding-left: 45px;} .page-leadership .timeline .timeline-entry{left: -39px;top: 20px;} .page-leadership .timeline .timeline-entry>.timeline-vline{right: -20px; width: 20px;} .page-leadership .avatar{width: 100px; max-height: 150px;} #footer>.container{padding-bottom: 10px;} #footer .footer-sprite .btn-group{margin-right: 0;} #footer .wechat-code img{max-width: 250px;} } /*分页器样式*/ .page_fenye>*{ border:1px solid #ddd; display: inline-block; width: 30px; height: 30px; font-size: 15px; line-height:30px; margin:3px; border-radius: 3px; color:#666; } .page_fenye>*:first-child{ display: none; } .page_fenye>*:last-child, .page_fenye>*:nth-child(2){ width: 70px; } .page_fenye .current,.page_fenye a:hover{ background-color: #364268; border-color: #364268; color:#ffffff; } /*文章列表页内容样式*/ .page-leadership .blog-post-single{ padding-top:30px; padding-bottom: 17px; margin-bottom:-50px; } .page-leadership .blog-post-item{ margin-bottom: 0; } /*9001cc金沙登录样式*/ .tab-content>div:first-child{ /*display: block; */ } .page-index .index_import-info:first-child{ display: none; } .container>h1>a{ color:#fff; } /*当前栏目样式*/ h1>li{ display: none; } h1>li:last-child{ display: block; } h1>li:last-child>a{ color:#ffffff; } /*列表页样式*/ .list-top:after{content:".";display:block;height:0;clear:both;visibility:hidden} .list-title{ float: left; } .list-source{ float: right; } .news-box-right .topnew-title a{ font-size: 21px; } .news-box-right .topnew-title,.topnew-info{ padding-left:16px; } .page-index .owl-carousel.featured .owl-featured-detail>a.featured-title strong{ margin-right: 10px; } /*内容相册样式*/ .album-list{ position:relative; margin-bottom:50px;} .album-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .album-list ul{ margin:0; *zoom:1; list-style: none; overflow:hidden; padding:0;} .album-list li{ float:left; width:25%; text-align:center; margin-bottom:20px;} .album-list li a{ display:block; padding:1px; border:1px solid #e8e8e8; margin:0 5px 5px;} .album-list li a img{ display:block; width:100%; height:auto; } .album-list li>div{margin:0 5px; height:42px;} .album-list h4{ font-weight: normal;text-indent: 2em; margin-bottom:30px;} /*主营业务调整*/ .business-container{ width:85%; } .fixed-temp{position: fixed; right: 0; bottom: 0px;z-index: 9999;} .fixed-temp img{ width: 310px;} @media only screen and (max-width: 768px) { .fixed-temp{display:none;} } /*红色主题*/ .theme-red a,.theme-red a:visited{color: #333;} .theme-red a:hover,.theme-red a:focus{color:#e51c23;} .page-index.theme-red{background-color: #feedd3; position: relative;} .theme-red .fixed-bar .item{background-color: #ef2d19;} .theme-red .page-index-main{width:1500px; background-color: #fff; margin: 50px auto; padding:30px 0 80px; overflow: hidden; border: 2px solid #c71f1c; background-image: url(assets/images/theme_red_bg.jpg); -webkit-background-size: cover; background-size: cover; position: relative;} .theme-red .page-index-main:before{content: " "; display: block; width:160px; height: 140px; position: absolute; right: 0px; top: 0px; background-image: url(assets/images/theme_red_light.png); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat;} .theme-red .page-index-main:after{content: " "; display: block; width:140px; height: 140px; position: absolute; left: 10px; bottom: 10px; background-image: url(assets/images/theme_red_ruyi.png); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat;} .theme-red .news-box-right ul li a:hover,.theme-red .news-box2-left .tab-pane ul li a:hover{color:#e51c23;} .theme-red .news-box2-right .special,.theme-red .news-box2-right .video{background-color: #e52f1c; background-image: none;} .theme-red .news-box2-right .video .sub-tit,.theme-red .news-box2-right .special .sub-tit{color:#dddddd;} .theme-red .news-box2-right .magazine{border:1px solid #ddd;} .theme-red .news-box2-left .nav-tabs.nav-justified>.active a { color: #e51c23 !important;} .theme-red .news-box2-left .nav-tabs li:last-child a{color: #e51c23;} .theme-red .news-box2-left .nav-tabs.nav-justified>.active>a, .theme-red .news-box2-left .nav-tabs.nav-justified>.active>a:focus, .theme-red .news-box2-left .nav-tabs.nav-justified>.active>a:hover{border-bottom-color: #e51c23;} .theme-red .news-box2-left .tab-pane ul li:before{color: #e51c23;} .theme-red .news-box-right .topnew-title a{color: #e51c23;border-bottom-color: #e51c23;} .theme-red .news-box-right .topnew-title a:hover{color: #e51c23;} .theme-red .news-title .news-title-right,.theme-red .news-title .news-title-left,.theme-red .news-title2 .news-title-right,.theme-red .news-title2 .news-title-left{border-color: #c4c4c4; color:#364268;} .theme-red .news-title .news-title-center,.theme-red .news-title2 .news-title-center{color:#e51c23;} .theme-red .owl-carousel.featured .owl-featured-item:hover{background-color: transparent;} /*红色主题移动样式*/ @media only screen and (max-width: 768px) { .theme-red .page-index-main{width:auto; padding: 100px 0;} } @media only screen and (max-width: 992px) { .page-index .topNews .content .newTitle {line-height: 50px} .col-md-5th.news-category-item {width:100%;} } /*顶部菜单热点*/ #topNav .nav-pills>li.hot{padding-left:15px;} #topNav .nav-pills>li.hot a{color:red;} #topNav .nav-pills>li.hot img{ position: absolute; top: 40%; left: 5px; } /* 纪检监察页样式 */ .jjjc-index, .djzl-index {background: #f2f2f2} .jjjc-index .flex-direction-nav .flex-prev{left: 0 !important} .jjjc-index .flex-direction-nav .flex-next{right:0 !important} .jjjc-head {height: 350px; background: #174787; position: relative; background:#174787 url('./assets/images/banner01.png') no-repeat 0 0/ 100% 300px; margin-bottom: 30px;} .jjjc-head nav, .djzl-head nav {position: absolute; bottom: 0; left: 0; right: 0; height: 50px; font-size: 16px;padding: 0} .jjjc-head nav ul, .djzl-head nav ul {list-style: none; padding: 0} .jjjc-head nav ul li, .djzl-head nav ul li {float: left; line-height: 51px; padding: 0px 46px;} .jjjc-head nav .actived, .jjjc-head nav ul li:hover {background: white } .jjjc-head nav ul li a {color: white; transition: none} .jjjc-head nav .actived a,.jjjc-head nav ul li:hover a {color: #174787} .jjjc-index .tab-content>div:first-child{ display: block; } .jjjc-index .flex-control-nav { top:auto;bottom: 10px; left: 56px;right:auto;width: auto;padding: 0;} .jjjc-index .flex-control-nav li {margin: 0 4px;} .jjjc-index .news-box-right {padding: 80px 20px 60px 25px} .jjjc-index .news-box-right ul li {line-height: inherit;} .jjjc-index .news-box-right ul li:before {content: ""} .jjjc-index .news-box-right .topnew-title {position: relative;} .jjjc-index .news-box-right .topnew-title::before { position: absolute;left: -6px;top: 9px;width: 4px;height: 16px;background: #093c80;content: '';display: inline-block;} .jjjc-index .news-box-right .tag-bg {position: absolute;left: -40px;top: 0; width: 110px;text-align: center;height: 40px;line-height: 40px; background: #093c80;border: none} .jjjc-index .news-box-right span.tag-txt {transform: rotate(0);position: static;} .jjjc-index .news-box-right .more { color: #999; font-size: 18px;position: absolute; right: 24px;bottom: 60px} .jjjc-index .news-box2 {margin:20px 0;} .jjjc-index .news-box2-left li {border: none;} .jjjc-index .news-box2-left li.underLine {width: 18%;text-align: center;white-space: nowrap;} .jjjc-index .news-box2-left .nav li a {color: #093c80 !important;border-bottom: 2px solid;border-radius: 0 !important;font-size: 18px} .jjjc-index .news-box2-left li.more_link_list a{line-height: 28px;border: none;color: #999 !important} .jjjc-index .news-box2-left li.more_link_list { width: calc(100% - 18%);text-align: right;padding-right: 25px;} .jjjc-index .news-box2-left .tab-pane li {padding-left: 48px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .jjjc-index .news-box2-left .tab-pane ul li:before, .jjjc-index .news-box2-left .tab-pane h3:before { content: "";position: absolute;left: 30px;top: 9px; width: 3px;background: #093c80;height: 18px;} .jjjc-index .news-box2-left .tab-pane ul.observe li:before {content:'|';width: auto;top: 0;background: none} .jjjc-index .news-box2-left .tab-pane ul.observe li a {color: #666} .jjjc-index .news-box2-right a {width: 100%;height: 100%; top: 0;font-size: 24px;line-height: 170px;padding-left: 35px;} .jjjc-index .news-box2-right .jubao {height: 170px;background: url("./assets/images/jubao2.png") 0 0 / contain; position: relative;} .jjjc-index .news-box2-right .zhuanti {height: 170px; background: #fff url("./assets/images/zhuanti1.png") no-repeat right 69px center; position: relative;} .jjjc-index .friendLinks .container {padding: 30px; background: white;font-size: 16px;color: black} .jjjc-index .friendLinks .container .row div:nth-child(n+2) {cursor: pointer; margin-right: 10px; padding-left: 0;border-right: 1px dashed #dfdfdf;} .jjjc-index .friendLinks .container .row div:nth-child(n+4) {padding:0;margin: 0; text-align: center} .jjjc-index .friendLinks .container .row div:nth-child(n+6) {border: none} .jjjc-index .friendLinks .container .row div span::before {position: relative;top: 3px;left: 106%; color: #999} /* 9001cc官网样式 */ .djzl-index .news-box ul li a:hover{background:none;} .djzl-list-head {height: 210px;background:url('./assets/images/djzl-list-banner.png') no-repeat;margin-bottom: 9px} .djzl-head {height: 395px; position: relative; background:url('./assets/images/djzl-banner.png') no-repeat; margin-bottom: 30px;} .djzl-head .shadow {position: absolute; bottom: 0;width: 100%;height: 50px;background: rgba(140,140,140,.5)} .djzl-head nav {font-size: 18px} .djzl-head nav ul li {position: relative; padding: 0 35px;} .djzl-head nav ul li.more::after {position: absolute; font-family: FontAwesome; content: "\f107"; color: white; right: 14px;top: 0} .djzl-head nav ul li.more .subTab {display: none; position: absolute;top: 100%;left: 0px; z-index: 999; background: #f8f8f8;width: 100%;text-align: center;border-radius: 3px} .djzl-head nav ul li.more .subTab p {margin: 0;border-bottom: 1px solid #e5e5e5;} .djzl-head nav ul li.more .subTab p a {color: #333;transition: none} .djzl-head nav ul li.more .subTab p:last-child{border-radius: 0 0 3px 3px/0 0 3px 3px} .djzl-head nav ul li.more .subTab p:hover {background: #f75555;border-color: transparent} .djzl-head nav ul li.more .subTab p:hover a {color: #fff;} .djzl-head nav ul li.more:hover .subTab {display: inline-block} .djzl-head nav ul li a {color: white} .djzl-head nav ul li span.underLine {position: absolute; bottom: 4px;height: 3px;left: 0;right: 0;margin: auto;width: 0;transition: width 0.3s ease-in-out;background:#f85453;} .djzl-head nav ul li:hover span {width: 85%} .djzl-index .news-box-left, .djzl-index .news-box-right {height: 330px;} .djzl-index .news-box-right {padding: 0 10px 40px 30px} .djzl-index .news-box-right ul.nav {margin-top: 15px} .djzl-index .news-box-right ul.nav li::before {content: ""; left: 6px;top:12px;width: 4px;height: 16px;background:#f75554;} .djzl-index .news-box-right ul li a {font-weight: normal} .djzl-index .news-box-right .tab-pane ul li:before {content: "";bottom: 0;margin: auto;width: 6px;height: 6px;border-radius: 50%;background: #364268} .djzl-index .news-box-right .tab-pane ul li {line-height: 38px} .djzl-index .news-box-right .topnew-title,.djzl-index .topnew-info {padding: 0;} .djzl-index .news-box2-left,.djzl-index .news-box2-right {background: white content-box} .djzl-index .news-box2-left ul.nav,.djzl-index .news-box2-right ul.nav {margin: 0 10px} .djzl-index .news-box2-left ul.nav li::before,.djzl-index .news-box2-right ul.nav li::before {content: ""; left: 10px;top:14px;width: 4px;height: 16px;background:#f75554;position: absolute;} .djzl-index .news-box2-left div,.djzl-index .news-box2-right>div {margin: 0 20px} .djzl-index .news-box2-left div ul li,.djzl-index .news-box2-right div ul li {padding: 0;overflow: visible;} .djzl-index .news-box2-left div ul li::before {content: "";bottom: 0;left:-20px;margin: auto;width: 6px;height: 6px;border-radius: 50%;background: #364268} .djzl-index .news-box2-left .tab-pane ul {margin: 0; padding: 0} .djzl-index .news-box2-left .tab-pane ul li {height: 37px;} .djzl-index .row3 .news-box2-left .tab-pane ul li:nth-of-type(odd) {float: left;width: 50%;padding-right: 40px} .djzl-index .row3 .news-box2-left .tab-pane ul li:nth-of-type(even) {float: right;width: 50%;padding-left: 45px} .djzl-index .row3 .news-box2-left .tab-pane ul li:nth-of-type(even)::before{left: 25px} .djzl-index .news-box2-right .tab-pane ul {padding: 0;list-style: none;} .djzl-index .news-box2-right .tab-pane ul li {line-height: 30px;overflow: hidden;padding: 10px 15px 10px 0} .djzl-index .news-box2-right .tab-pane ul li:last-child {padding: 3px 0} .djzl-index .news-box2-right .tab-pane li .toe:hover {color: #333} .djzl-index .friendLink .tab-content div {margin: 0;width: 100%; display: flex;justify-content: space-around;} /* 9001cc官网列表页 */ .djzl-list .news-box2-right ul.nav li a:hover {background:none;} .djzl-list .news-box2-right ul.nav li a {color: #666;line-height: 22px;border: none;display: inline-block;padding: 10px 0} .djzl-list .news-box2-right ul.nav li a.current {color: #f81323} .djzl-list .news-box2-right ul.nav li {float: left;padding-left: 25px;position: relative;border:none;width: 100%} .djzl-list .news-box2-left ul.nav li{background: #f8f8f8;border-bottom: 2px solid #e5e5e5;width: 100%} .djzl-list .news-box2-left ul.nav li:last-child{border: none} .djzl-list .news-box2-left ul.nav li::before{position: absolute;content: "";top: 34px;left:22px;width: 8px;height: 8px;border-radius: 50%;background:#bfbfbf;z-index: 999;} .djzl-list .news-box2-left ul.nav li:hover::before,.djzl-list .news-box2-left ul.nav li.actived::before {background: white} .djzl-list .news-box2-left .nav-tabs>li>a {font-size: 16px; color: #333;padding: 26px 0; padding-left: 44px;border: none} .djzl-list .news-box2-left .nav>li>a:hover,.djzl-list .news-box2-left .nav>li.actived>a {background: #f75555; color: white} .djzl-list .tab-content a { transform: translateX(-32px);margin-bottom: 3px} .djzl-list .list-item:first-child {border-top: none} .djzl-list .list-item .list-top {padding: 15px 0} .djzl-list .page_fenye .current,.djzl-list .page_fenye a:hover { background-color: #F81323;border-color: #F81323;}