body { position: relative; /*padding-bottom: 368px;*/ } body a:hover{ text-decoration:none; cursor:pointer; } .wraper .nav-tabs>li.active>a, .wraper .nav-tabs>li.active>a:focus, .wraper .nav-tabs>li.active>a:hover{ cursor:pointer; } .bg_f6 { background-color: #f6f6f6; } .content-container, .container { width: 1200px; margin: 0 auto; position: relative; } .inline-block { display: inline-block; vertical-align: middle; } .swiper-slide { position: relative; } .swiper-slide > .img-title-bg { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; background-color: #000; opacity: .3; z-index: 2; } .swiper-slide > .img-title { position: absolute; left: 0; right: 0; bottom: 0; font-size: 20px; text-align: left; padding-left: 10px; padding-bottom: 5px; height: 40px; line-height: 40px; color: white; z-index: 3; } .header-logo{ position: absolute; right: 20%; top: 35px; width: 166px; z-index: 99; } .logo-bg{ z-index: 98; position: absolute; top: 0; left: 0; right: 0; height: 70px; background: rgba(0,0,0,0.1); box-shadow: 0 10px 15px rgba(0,0,0,.1); } .banner-container .swiper-slide img{ width:100%; height: 100%; object-fit:cover; } .header-navBar { width: 100%; background: #204286; height: 50px; line-height: 50px; font-size: 18px; position: relative; top: 0px; z-index: 100; } .header-navBar ul{ position: relative; } .nav-item { display: inline-block; height: 49px; padding: 0 5px; margin-right: 40px; } .nav-item a { color: white; font-weight:900; } .nav-item:hover a{ text-decoration: none; font-weight:bold; } .nav-item:hover { box-sizing: border-box; border-bottom: 3px solid white; cursor: pointer; } .nav-item.active { box-sizing: border-box; border-bottom: 3px solid white; } .nav-item.active a{ font-weight:bold; } .header-search-btn { position: absolute; right: 5px; top: 0; } .header-search-btn>input{ width: 0px; height: 28px; line-height:28px; border: 1px solid #ffffff; border-radius: 15px; background-color: transparent; margin-top: 10px; padding: 0 0px 0 9px; margin-right: 32px; color: #ffffff; font-size:14px; display: none; transform: translate(30px) } .header-search-btn .input-none{ display: block; } .header-search-btn .search-img-btn{ position: absolute; right: 10px; top: 16px; cursor: pointer; } .nav.nav-tabs { border: none; background-color: #f1f1f1; margin-bottom: 10px; } .nav.nav-tabs li { margin-bottom: 0; } .nav.nav-tabs li.active a { background-color: #244a95; color: white; font-weight: bold; } .nav.nav-tabs li a { border-color: transparent; border-radius: 0; width: 120px; text-align: center; font-size: 18px; } .box-list { margin: 60px auto; display: flex; flex-flow: row nowrap; justify-content: space-between; } .box-item { padding: 0; width: 24%; display: inline-block; } .news-container-title { margin-top: 80px; margin-bottom: 80px; text-align: center; } .news-banner, .news-banner2, .news-banner3{ display: inline-block; width: 590px; height: 430px; margin-bottom: 30px; } .news-banner .swiper-slide img, .news-banner2 .swiper-slide img, .news-banner3 .swiper-slide img{ width:100%; } .banner-swiper-pagination { position: absolute!important; text-align: center!important; z-index: 99!important; } .banner-swiper-pagination .swiper-pagination-bullet { width: 60px !important; height: 12px !important; border-radius: 0!important; border: 2px solid white!important; opacity: 1!important; background-color: transparent!important; } .banner-swiper-pagination .swiper-pagination-bullet-active { background-color: #204286!important; border: 2px solid #204286!important; } .banner-prev { background-image: url("../images/news-prev-btn.png")!important; left: 100px!important; } .banner-next { background-image: url("../images/news-next-btn.png")!important; right: 100px!important; } .news-prev, .news-banner2-prev, .news-banner3-prev{ background-image: url("../images/news-prev-btn.png")!important; } .news-next, .news-banner2-next, .news-banner3-next{ background-image: url("../images/news-next-btn.png")!important; } .news-list-container { display: inline-block; width: 100%; height: 640px; text-align: left; } .news-list-container .img-title-bg { position: absolute; bottom: 0; left: 0; height: 35px; width: 100%; background: #000; opacity: .7; } .news-list-container .img-title { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: white; position: absolute; bottom: 0px; left: 0px; line-height: 35px; text-indent: 20px; font-size: 18px; } .hot-news-list { display: inline-block; width: 565px; margin-left: 35px; position: absolute; right: 0; top: 93px; } .hot-news-item { border-bottom: 1px solid #ececec; padding-bottom: 21px; margin-bottom: 15px; } .hot-news-item:nth-child(4) { border: none; } .hot-news-item:active .news-date, .hot-news-item:hover .news-date { background-color: #244995; color: #fff; cursor: pointer; } .hot-news-item:active .news-title, .hot-news-item:hover .news-title { color: #244995; } .hot-news-item .news-date { width: 100px; height: 80px; text-align: center; background-color: #ebf2f6; border-radius: 6px; color: #333; overflow: hidden; } .hot-news-item .news-date .day { font-size: 22px; margin-top: 15px; } .hot-news-item .news-title, .hot-news-item .news-content { width: 450px; } .hot-news-item .news-title { font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hot-news-item .news-content { font-size: 13px; margin-top: 10px; color: #8c8c8c; } .news-list-title { position: relative; } .news-list-title .nav.nav-tabs { background-color: transparent; width: 426px; margin: 50px auto; border-bottom:none; } .news-list-title .nav.nav-tabs li { margin: 0 10px; position:relative; } .news-list-title .nav.nav-tabs .active::after { content: ""; position: absolute; bottom: 0; left: 25px; right: 25px; height: 3px; background: #fbc000; } .news-list-title .nav.nav-tabs li a { outline: none; color: #333; font-size: 18px; padding: 8px 20px; background-color: #ebf2f6; border-radius: 4px; } .news-list-title .nav.nav-tabs li a:hover { border: 1px solid transparent; background-color: #204286; color: white; } .news-list-title .nav.nav-tabs li.active a { background-color: #204286; border: 1px solid transparent; font-size: 18px; color: #fff; font-weight: normal; } .news-list { margin-top: 20px; } .news-list .news-item { color: #9d9d9d; font-size: 18px; height:38px; line-height: 38px; padding-left: 22px; background-image: url("../images/list-item-normal.png"); background-repeat: no-repeat; background-position: 7px 16px; } .news-list .news-item.emphasis { background-image: url("../images/list-item-emphasis.png"); background-repeat: no-repeat; background-position: -4px 9px; color: #244a95; } .news-list .news-item.emphasis a { color: #244a95; text-decoration:none; } .news-list .news-item a { display: inline-block; width: 400px; margin-right:41px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9d9d9d; } .news-list .news-time { font-family: Arial; float:right; vertical-align: top; } .news-list-container .more a{ color: white; background-color: #fbc000; float: right; font-size: 12px; padding: 2px 18px; margin-top: 20px; } .industry { background-color: #eaeaea; padding: 70px 0 80px; position:relative; } .industry .industry-title { text-align: center; } .industry .industry-title img { width: 180px; height: 88px; } .industry .industry-swiper-container { margin: 20px 4px 0; padding-bottom: 30px; padding-top: 10px; } .industry .industry-swiper-container .swiper-slide-item { background: white; width: 285px; height: 376px; box-sizing: border-box; display: inline-block; margin-right: 14px; } .industry .industry-swiper-container .swiper-slide-item img { width: 285px; height: 226px; } .industry .industry-swiper-container .swiper-slide-item a { display: inline-block; height: 100%; } .industry .industry-swiper-container .swiper-slide-item:hover { border-bottom: 3px solid #fbc000; box-shadow: 1px 4px 14px #aaa; transform: translateY(-1px); } .industry .industry-swiper-container .swiper-slide-item:last-child { margin-right: 0; transition:0.2s; } .industry .industry-swiper-container .swiper-slide-item h5 { font-size: 21px; line-height: 60px; height: 60px; overflow: hidden; color: #244a95; margin: 0 25px; } .industry .industry-swiper-container .swiper-slide-item p { font-size: 13px; line-height: 21px; color: #959595; margin: 0 25px; } .industry .industry-swiper-pagination { left:50%; transform: translate(-50%); } .industry .industry-swiper-pagination .swiper-pagination-bullet{ background: transparent; border:2px solid #fbc000; margin:0 20px; outline: none; width: 12px; height: 12px; opacity:1; } .industry .industry-swiper-pagination .swiper-pagination-bullet-active { background: #fbc000; } .dlkp{ height:500px; } .dlkp .hot-news-list{ display: block; width: 100%; margin: 0 auto; } .dlkp .hot-news-item{ width: 574px; display: inline-block; border: none; } .dlkp .news-list-title .nav-tabs{ width: 287px; } .pubilc-news { max-height: 430px; min-height:235px; } .pubilc-news > .fl > img{ margin-top:-2px; } .pubilc-news > div { width: 590px; } .notice-news { height: 550px; background-color: #f6f6f6; } .relative-bussiness { margin-top: 50px; background-color: #f6f6f6; } .relative-bussiness .container { padding: 0; width: 1200px; } .bussiness { height: 820px; } .bussiness .bussiness-title { text-align: center; margin-top: 50px; margin-bottom: 50px; } .bussiness .bussiness-img-show { position: relative; height: 550px; margin-bottom: 30px; } .bussiness .bussiness-img-show .bussiness-img { position: absolute; overflow: hidden; } .bussiness .bussiness-img-show .bussiness-img a{ display:flex; } .bussiness .bussiness-img-show .bussiness-img img { width: 100%; height: 100%; position: absolute; transition: all 3s ease; } .bussiness .bussiness-img-show .bussiness-img img:hover { transform-origin: center; transform: scale(1.5); } .bussiness .bussiness-img-show .bussiness-img-show1 { width: 440px; height: 280px; top: 0; left: 0; } .bussiness .bussiness-img-show .text-bg{ height: 37px; width:100%; position:absolute; bottom:0; left:0; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /* Safari 5.1 - 6 */ background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /* Opera 11.1 - 12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /* Firefox 3.6 - 15*/ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* 标准的语法 */ } .bussiness .bussiness-img-show .bussiness-img-show2 { width: 450px; height: 280px; top: 0; left: 445px; } .bussiness .bussiness-img-show .bussiness-img-show3 { width: 300px; height: 280px; top: 0; left: 900px; } .bussiness .bussiness-img-show .bussiness-img-show4 { width: 420px; height: 220px; top: 285px; left: 0px; } .bussiness .bussiness-img-show .bussiness-img-show5 { width: 220px; height: 220px; top: 285px; left: 425px; } .bussiness .bussiness-img-show .bussiness-img-show6 { width: 375px; height: 220px; top: 285px; left: 650px; } .bussiness .bussiness-img-show .bussiness-img-show7 { width: 170px; height: 220px; top: 285px; left: 1030px; } .bussiness .bussiness-img-show .bussiness-img p { width: 100%; font-size: 15px; line-height: 15px; color: #ffffff; position: absolute; bottom: 11px; text-align: center; z-index:10; } #propagandaView { position: absolute; width: 100px; height: 50px; right: 240px; bottom: 50px; } #propagandaDownload { position: absolute; width: 100px; height: 50px; right: 140px; bottom: 50px; } .footer { border-top:5px solid #244a95; background-color: #333333; color: white; height: 362px; text-align: center; /**position: absolute*/; bottom: 0; left: 0; right: 0; } .footer .select-list { padding-left: 15px; display: flex; flex-flow: row nowrap; justify-content: space-between; } .footer .select-list .select-item { width: 255px; height: 36px; line-height: 36px; margin-top: 70px; border: 1px solid white; display: inline-block; border-radius: 2px; background-image: url("../images/select-item-bg.png"); background-repeat: no-repeat; background-position: 250px center; cursor: pointer; position: relative; } .footer .dropdown-menu { background-color: #333; } .footer .dropdown-menu li { width: 285px; height: 36px; line-height: 36px; display: inline-block; border-radius: 2px; background-color: #333; cursor: pointer; border: none; } .footer .dropdown-menu a:hover { background-color: #666666!important; } .footer .dropdown-menu li a { color: white; } .footer .content-container { margin-top: 80px; text-align: left; } .footer .logo-container { display: inline-block; margin-left: 20px; margin-right: 30px; border-right: 1px solid #fff; padding-right: 30px; } .footer .company-info { display: inline-block; width: 900px; font-size: 16px; padding-top:10px; } .footer .company-info p { margin-bottom: 15px; } .footer .nav-list { margin: 0; text-align: left; /*width: 500px;*/ vertical-align: middle; margin-right: 20px; margin-left:-10px; } .footer .nav-item { color: white; font-size: 16px; display: inline-block; margin-right: 0; vertical-align: top; } .footer .nav-item:hover{ border-bottom:none; } .footer .copy-right { display: inline-block; position: absolute; bottom: 12px; right: 0; } .footer .copy-right a { color:white; } .footer .foot_DR_code { width: 95px; position: absolute; bottom: 60px; right: 240px; } .footer .foot_DR_code img{ width:100%; } .footer .foot_DR_code p{ text-align: center; line-height: 30px; color: #ffffff; font-size: 14px; } .footer .foot_WEIBO_code { width: 95px; position: absolute; bottom: 60px; right: 120px; } .footer .foot_WEIBO_code img{ width:100%; } .footer .foot_WEIBO_code p{ text-align: center; line-height: 30px; color: #ffffff; font-size: 14px; } .footer .foot_TOUTIAO_code { width: 95px; position: absolute; bottom: 60px; right: 0px; } .footer .foot_TOUTIAO_code p{ text-align: center; line-height: 30px; color: #ffffff; font-size: 14px; } .footer .foot_TOUTIAO_code img{ width:100%; } /* 新闻详情列表页 */ .wrap-container { margin: 0 auto; width: 1200px; } .float-left { float: left; } .float-right { float: right; } .clear-float { zoom: 1; } .clear-float:after { display: block; content: ''; height: 0; visibility: hidden; clear: both; } .title-tab { font-size: 17px; color: #9d9d9d; float: right; } .title-tab a { font-size: 17px; color: #9d9d9d; } .title-tab a:last-child { color: #244a95; } .top-tab { list-style: none; margin-top: 20px; background: #f1f1f1; } .top-tab .top-tab-item { float: left; width: 184px; height: 60px; line-height: 60px; margin-right: 15px; text-align: center; } .top-tab-item a { font-size: 22px; text-decoration: none; color: #000000; } .top-tab-item.activity { background-color: #244a95; } .top-tab-item.activity a { color: #FFFFFF; font-weight: 900; } .load-more { color: #303030; width: 498px; height: 48px; font-size: 18px; line-height: 48px; cursor: pointer; border: 1px solid #aaaaaa; margin: 80px auto 100px; text-align: center; } .load-more .load-more-btn { display: block; }