.page-content .hot-box{ overflow: hidden; padding-top: 60px; } .page-content .hot-box .hot-img{ display: block; width: 84px; } .page-content .hot-box .hot-info{ margin-left: 42px; } .page-content .hot-box .hot-info .hot-tit{ font-size: 26px; color: #3169bc; margin-top: 6px; } .page-content .hot-box .hot-info .hot-desc{ margin-top: 12px; font-size: 14px; color: #666; } .page-content .news-box{ margin-top: 40px; overflow: hidden; } .page-content .news-box .swiper-section{ width: 598px; } .page-content .news-box .news-section{ width: 575px; } .page-content .news-box .swiper-section .swiper-container{ width: 598px; height: 399px; } .page-content .news-box .swiper-section .swiper-container img{ display: block; width: 100%; } .page-content .news-box .swiper-section .article-title{ position: absolute; bottom: 0; left:0; padding: 6px 0 6px 15px; background: rgba(5, 29, 49, .47); width: 100%; color: #fff; font-size: 16px; box-sizing: border-box; } .page-content .news-box .swiper-section .swiper-container-horizontal> .swiper-pagination-bullets{ width: 25%; left: auto; right: 15px; } .page-content .news-box .swiper-section .swiper-pagination-bullet{ /* width: 14px; height: 4px; */ /* border-radius: 0; */ background: #fff; opacity: 1; } .page-content .news-box .swiper-section .swiper-pagination-bullet-active{ background: #197dd3; /* width: 17px; height: 7px; */ } .article-nav{ border-bottom: solid 1px #c8c8c8; overflow: hidden; } .article-nav .nav-item{ display: block; width: 25%; font-size: 22px; color: #666; text-align: center; border-bottom: solid 4px transparent; } .article-nav .nav-item.cur{ color: #3f69b8; font-weight: bold; border-bottom: solid 4px #3f69b8; } .article-nav .nav-item .name{ display: block; width: 100%; } .article-nav .nav-item .arrow-up{ display: none; width: 0; height: 0; margin: 0 auto; border-left: solid 8px transparent; border-top: solid 8px transparent; border-right: solid 8px transparent; border-bottom: solid 8px #3f69b8; } .article-nav .nav-item.cur .arrow-up{ display: block; } .article-info-box{ width: 100%; margin-top: 20px; } .article-info-box .list-wrap{ display: none; } .article-info-box .list-wrap.cur{ display: block; } .article-info-box .list-wrap .list-item{ width: 100%; border-left: solid 1px #c8c8c8; } .article-info-box.no-left-line .list-wrap .list-item { border-left: none; } .article-info-box .list-wrap .list-item a{ display: block; color:#333; font-size: 18px; height: 40px; line-height: 40px; } .article-info-box.no-left-line .list-wrap .list-item a{ color: #666; } .article-info-box .list-wrap .list-item a .tit{ width: 65%; } .article-info-box .list-wrap .list-item a .tit:hover{ color: #3f69b8; } .article-info-box .list-wrap .list-item a .dot{ display: block; width: 10px; height: 10px; border-radius: 10px; border:solid 1px #c8c8c8; margin: 14px 14px 0 -5px; background: #fff; box-sizing: border-box; } .article-info-box .list-wrap .list-item a .time{ width: 30%; text-align: right; color: #666; font-size: 16px; } .page-content.zwgk{ background: url(/uploads/image/xsi/zwgkbj.png) no-repeat; background-size: cover; padding: 69px 0 75px; margin-top:54px; } .page-content .top-tit{ width: 100%; border-top: solid 1px #85aae2; text-align: center; } .page-content.zwgk .top-tit .tit-inner{ background: #f4f9fe; } .page-content .top-tit .tit-inner{ display: inline-block; position: relative; top:-30px; font-size: 36px; color: #3169bc; font-weight: bold; background: #fff; } .page-content .top-tit .tit-inner a{ color: #3169bc; padding:0 60px } .page-content .zwgk-box{ overflow: hidden; } .page-content .zwgk-box .zwgk-artile{ width: 717px; } .page-content .zwgk-box .zwgk-nav{ width: 438px; } .page-content .zwgk-nav .top-img{ display: block; width: 100%; } .page-content .zwgk-nav .zwgk-nav-list{ overflow: hidden; } .page-content .zwgk-nav .zwgk-nav-list .nav-item{ display: block; width: 136px; height: 48px; text-align: center; line-height: 48px; font-size: 18px; color: #333; background: #fff; margin:20px 15px 0 0; } .page-content .zwgk-nav .zwgk-nav-list .nav-item:hover{ background: #3169bc; color: #fff; } .page-content .zwgk-nav .zwgk-nav-list .nav-item:nth-child(3n){ margin-right: 0; } .page-content.bmfw{ margin-top: 70px; } .bmfw-box { overflow: hidden; margin-top: 60px; } .bmfw-box .zwfw{ width: 718px; height: 371px; border: solid 1px #e5e5e5; border-left: none; } .bmfw-box .zwfw .zwfw-nav{ width: 53px; font-size: 22px; font-weight: bold; background: #e5e5e5; } .bmfw-box .zwfw .zwfw-nav .nav-item{ display: block; width: 100%; height: 186px; padding:38px 0 0 16px; box-sizing: border-box; color: #3169bc; cursor: pointer; } .bmfw-box .zwfw .zwfw-nav .nav-item.cur{ background: #3169bc; color: #fff; } .bmfw-box .zwfw-wrap{ width: 664px; } .bmfw-box .zwfw-wrap .mx-item{ display: none; width: 100%; padding: 39px 50px 0 50px; box-sizing: border-box; } .bmfw-box .zwfw-wrap .mx-item.cur{ display: block; } .bmfw-box .zwfw-wrap .mx-item .fwlx-nav{ width: 100%; height: 170px; border-bottom: solid 1px #e5e5e5; } .bmfw-box .zwfw-wrap .mx-item .fwlx-nav .fwlx-item{ width: 33.3%; cursor: pointer; } .bmfw-box .zwfw-wrap .mx-item .fwlx-nav .fwlx-item img{ display: block; width: 93px; margin: 0 auto; } .bmfw-box .zwfw-wrap .mx-item .fwlx-nav .fwlx-item .name{ display: block; width: 100%; text-align: center; font-size: 20px; color: #525252; margin-top: 24px; } .bmfw-box .zwfw-wrap .mx-item .fwlx-nav .fwlx-item .arrow-down{ display: none; width: 0; height: 0; border: 10px solid transparent; border-top-color: #e5e5e5; /*相对定位*/ position: relative; margin: 28px auto 0; } .bmfw-box .zwfw-wrap .mx-item .fwlx-nav .fwlx-item.cur .arrow-down{ display: block; } .bmfw-box .zwfw-wrap .mx-item .fwlx-nav .fwlx-item .arrow-down:after { content: ''; /*绝对定位*/ position: absolute; bottom: -8px; right: -10px; width: 0; height: 0; border: 10px solid transparent; /*设置成白色*/ border-top-color: white; /*设置层级*/ z-index: 2; } .fwlx-list .list-wrap{ display: none; overflow: hidden; width: 100%; } .fwlx-list .list-wrap.cur{ display: block; } .fwlx-list .list-wrap .list-item{ display: block; width: 25%; margin-top: 22px; text-align: center; font-size: 16px; color: #2b2b2b; } .fwlx-list .list-wrap .list-item:nth-child(4n){ margin-right: 0; } .fwlx-list .list-wrap .list-item img{ display: inline-block; width: 29px; margin: 0px 10px 0 0; vertical-align: middle; } .bmcx{ width: 438px; } .bmcx .top-img{ display: block; width: 100%; } .bmcx .bmcx-list{ width: 100%; height: 252px; border: solid 1px #e5e5e5; border-top: none; padding:0 21px; box-sizing: border-box; } .bmcx .bmcx-list .list-item{ float: left; display: block; width: 120px; height: 39px; background: #eef6ff; text-align: center; margin:30px 17px 0 0; line-height: 39px; } .bmcx .bmcx-list .list-item:nth-child(3n){ margin-right: 0; } .bmcx .bmcx-list .list-item img{ vertical-align: middle; } .page-content.hdjl{ margin-top: 70px; } .hdjl-box{ overflow: hidden; } .hdjl-box .xj-list{ width: 583px; } .hdjl-box .xj-list .xj-top{ width: 100%; height: 161px; background: url(/uploads/image/xsi/xjgltp.png) no-repeat; background-size: cover; padding:33px 0 0 55px; box-sizing: border-box; } .hdjl-box .xj-list .xj-top .xj-btn{ display: block; float: left; display: block; width: 111px; height: 99px; background: #ffffff; opacity: 0.76; border-radius: 10px; margin-right: 29px; text-align: center; } .hdjl-box .xj-list .xj-top .xj-btn img{ display: block; width: 42px; margin: 10px auto; } .hdjl-box .xj-list .xj-top .xj-btn span{ display: block; width: 100%; font-size: 18px; color: #2b2b2b; } .hdjl-box .xj-list .list-wrap{ margin-top: 30px; } .hdjl-box .xj-list .list-wrap .list-item{ padding-bottom: 12px; } .hdjl-box .xj-list .list-wrap .list-item a{ display: block; overflow: hidden; } .hdjl-box .xj-list .list-wrap .list-item a .con{ width: 326px; margin-right: 50px; font-size: 18px; color: #666; } .hdjl-box .xj-list .list-wrap .list-item a .time{ width: 90px; font-size: 16px; color: #666; } .hdjl-box .xj-list .list-wrap .list-item a .hf{ width: 60px; font-size: 16px; color: #666; } .hdjl-box .zxft{ width: 570px; } .hdjl-box .zxft .zxft-tit{ width: 100%; height: 40px; } .hdjl-box .zxft .zxft-tit .name{ display: block; width: 130px; color: #fff; background: #3169bc; font-size: 22px; font-weight: bold; text-align: center; line-height: 40px; } .hdjl-box .zxft .zxft-tit .more-box{ width: 440px; height: 40px; background: url(/uploads/image/xsi/zxft-bg.png) no-repeat; background-size: 100% 100%; } .hdjl-box .zxft .zxft-tit .more-box a{ float: right; margin-right: 10px; display: block; height: 40px; line-height: 40px; font-size: 14px; color: #868686; } .hdjl-box .zxft .zwft-main{ width: 100%; padding-right: 29px; overflow: hidden; box-sizing: border-box; margin-top: 29px; } .hdjl-box .zxft .zwft-main .zwft-info{ display: block; position: relative; width: 360px; height: 232px; margin-right: 40px; overflow: hidden; } .hdjl-box .zxft .zwft-main .zwft-info img{ display: block; width: 100%; height: auto; } .hdjl-box .zxft .zwft-main .zwft-info .tit{ width: 100%; height: 40px; padding: 0 16px; box-sizing: border-box; background: linear-gradient(0deg, #070707 0%, rgba(0,0,0,0) 100%); opacity: 0.63; position: absolute; bottom: 0; left: 0; color: #fff; overflow: hidden; font-size: 14px; } .hdjl-box .zxft .zwft-main .con p{ width: 140px; font-size: 14px; color: #666; line-height: 30px; } .hdjl-box .zxft .zwft-main .con a{ font-size: 14px; color: #114ca3; display: inline-block; margin-top: 4px; } .hdjl-box .zxft .hdjl-other{ margin-top: 27px; overflow: hidden; } .hdjl-box .zxft .hdjl-other .other-item{ display: block; width: 176px; height: 62px; line-height: 62px; background: #85aae2; border-radius: 5px; text-align: center; color: #fff; font-size: 18px; margin-right: 21px; } .hdjl-box .zxft .hdjl-other .other-item img{ vertical-align: middle; } .hdjl-box .zxft .hdjl-other .other-item:last-child{ margin-right: 0; } .bottom-banner{ display: block; margin: 45px 0 20px 0; width: 100%; } .bottom-banner img{ display: block; width: 100%; height:91px; }