@charset "utf-8"; .column-header-banner{display: none;} /* 头条 */ .index-header-toutiao{height: 180px; margin-top: -180px; position: relative; z-index: 100; background: rgba(21, 68, 122, 0.5); color: #fff;} .index-header-toutiao .m-time{display: none;} .index-header-toutiao > .container{position: relative;} .index-header-toutiao > .container:before{content: ''; width: 92px; height: 110px; position: absolute; left: -92px; top: -15px; background: url(/uploads/image/2images/index_toutiao.png) no-repeat; background-size: 100% 100%;} .header-toutiao-list{margin-left: -20px; margin-right: -20px; padding-top: 15px;} .header-toutiao-list li{float: left; width: 50%; padding-top: 25px;} .header-toutiao-list li .box{height: 93px; position: relative; padding-left: 110px; margin-left: 20px; margin-right: 20px;} .header-toutiao-list li .time{position: absolute; left: 0; top: 50%; height: 80px; margin-top: -40px; width: 70px; padding-right: 20px; text-align: center;} .header-toutiao-list li .time span{display: block; font-size: 24px; margin-bottom: 8px; padding-top: 5px;} .header-toutiao-list li .time b{display: block; font-size: 20px; font-weight: normal;} .header-toutiao-list li .time:after{content: ''; position: absolute; width: 1px; top: 0; bottom: 0; right: 0; height: 80px; background: #fff; opacity: 0.5;} .header-toutiao-list li .tit{font-size: 24px; font-weight: bold;} .header-toutiao-list li .tit span{float: left;} .header-toutiao-list li .tit a{color: #fff;} .header-toutiao-list li .memo{clear: both; padding-top: 10px; line-height: 24px; max-height: 48px; opacity: 0.6; font-size: 16px;} .header-toutiao-list li.new .tit span{max-width: 90%;} .header-toutiao-list li.new .tit:after{content: '最新'; margin-left: 5px; font-size: 14px; float: left; width: 40px; height: 21px; line-height: 21px; background: #de5f5f; border-radius: 10px 0 10px 0; font-weight: normal; text-align: center; color: #fff;} .index-header-banner .swiper-container{height: 742px;} .index-header-banner .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;} .index-header-banner .swiper-pagination-container{position: absolute; bottom: 180px; padding-bottom: 30px; left: 0; right: 0; margin: 0 auto; z-index: 99;} .index-header-banner .swiper-pagination{position: static; text-align: right; right: 0; left: auto !important; z-index: 1; width: auto !important;} .index-header-banner .swiper-pagination span{position: relative; display: inline-block; width: 45px; height: auto; padding-bottom: 10px; margin: 0 !important; text-align: left; border-radius: 0; background: none !important; opacity: 1;} .index-header-banner .swiper-pagination span font{font-weight: bold; font-size: 20px; color: #de5f5f; opacity: 0; transition: all .3s;} .index-header-banner .swiper-pagination span:after{position: absolute; right: 0; bottom: 0; left: -2px; content: ""; height: 2px; background-color: #e0ddd7; border-radius: 2px;} .index-header-banner .swiper-pagination .swiper-pagination-bullet-active font{opacity: 1;} .index-header-banner .swiper-pagination .swiper-pagination-bullet-active:after{background-color: #de5f5f;} .index-header-banner .swiper-pagination .swiper-active-switch font{opacity: 1; visibility: visible;} .index-header-banner .swiper-pagination .swiper-active-switch:after{background-color: #de5f5f;} @media (max-width: 1280px) { .header-toutiao-list{padding-top: 0;} .header-toutiao-list li.new .tit span{max-width:86%;} } @media (max-width: 992px) { .index-header-banner{display: none;} .index-header-toutiao{height: auto; margin-top: 0; padding-top: 20px; padding-bottom: 20px; color: #333; background: #f9f9f9; overflow: hidden;} .index-header-toutiao > .container:before{display: none;} .header-toutiao-list li .tit a{color: #333;} .header-toutiao-list li{float: none; width: 100%; padding: 10px 0;} .header-toutiao-list li .tit{margin-bottom: 0;} .header-toutiao-list li .time:after{background: #000; opacity: .1;} } @media (max-width:480px){ .header-toutiao-list li .time{display: none;} .header-toutiao-list li .box{padding-left: 0; height: auto;} .index-header-toutiao .m-time{display: block; color:#999; font-size: 14px; padding-top: 10px;} } .infolist-leftdate li{position: relative; padding-top: 10px; padding-bottom: 10px; overflow: hidden;} .infolist-leftdate li .box{position: relative; padding-left: 92px; } .infolist-leftdate li:before, .infolist-leftdate li:after{content: ''; width: 1px; position: absolute; top: 0; left: 74px; background: #b4c0d1; transition: .8s;} .infolist-leftdate li:before{height: 100%;} .infolist-leftdate li:after{height: 0; overflow: hidden;} .infolist-leftdate li .time{position: absolute; left: 0; top: 50%; transform: translatey(-50%); width: 56px;text-align: center; color: #7a7a7a; font-family:arial;} .infolist-leftdate li .time b{display: block; font-size: 32px; line-height: 1;} .infolist-leftdate li .time span{font-size: 12px;} .infolist-leftdate li h4{margin-bottom: 8px; font-weight: normal; font-size: 18px;} .infolist-leftdate li .memo{color: #999999; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;} .infolist-leftdate li:hover *{color: #1b5aba !important;} .infolist-leftdate li:hover:after{background: #1b5aba; height: 100%;} .index-tpxw{height: 616px; border-bottom: 1px solid #e3e5e8;} .index-tpxw .pic{position: relative; margin-bottom: 30px; height: 440px; overflow: hidden; /* width:100%; height: 0; padding-bottom: 59.8%; */ } .index-tpxw .pic img{ display:block; position: absolute; left: 0; top: 0; width:100%; height:100%;} .index-tpxw .time{padding-left: 24px; margin-bottom: 10px; color: #808080; font-size: 14px; background: url(/uploads/image/2images/icon_date.png) no-repeat left center; background-size: 12px 12px;} .index-tpxw .more a{display: inline-block; padding-right: 20px; background: url(/uploads/image/2images/icon_more.png) no-repeat right center; background-size: 15px 3px; color: #808080; font-weight: bold;} .index-tpxw .more a:hover{color: #3067ba;} .index-tpxw .tit{font-size: 24px; margin-bottom: 15px; font-weight: bold;} .index-tpxw .swiper-container{padding-bottom: 20px;} .index-tpxw .swiper-pagination{bottom: 0 !important;} .index-tpxw .swiper-pagination span{ transition: .3s all;} .index-tpxw .swiper-pagination .swiper-pagination-bullet-active{width: 20px; background: #cc3b0a; border-radius: 5px;} @media (max-width: 1280px) { .index-tpxw{height: auto; padding-bottom: 30px;} .index-tpxw .pic{width:100%; height: 0; padding-bottom: 59.8%;} } .index-ghdt{height: 616px;} .index-ghdt .swiper-slide{height: 150px; border: 1px solid #dae7f5; box-shadow: 0px 2px 20px rgba(22, 56, 135, 0.1); box-sizing: border-box;} .index-ghdt .swiper-slide .pic{float: left; width: 38%; height: 150px; overflow: hidden;} .index-ghdt .swiper-slide .pic img{display: block; width: 100%; height: 100%;} .index-ghdt .swiper-slide .txt{float: right; width: 62%; padding: 20px 20px 0; box-sizing: border-box;} .index-ghdt .swiper-slide .tit{line-height: 28px; height: 56px; margin-bottom: 28px; font-size: 16px; font-weight: bold;} .index-ghdt .swiper-slide .time{display: block; padding-left: 24px; margin-bottom: 10px; color: #808080; font-size: 14px; background: url(/uploads/image/2images/icon_date.png) no-repeat left center; background-size: 12px 12px;} .index-ghdt .swiper-pagination{left: auto !important; right: 20px; width: auto !important; bottom: 26px !important;} .index-ghdt .swiper-pagination span{ transition: .3s all;} .index-ghdt .swiper-pagination .swiper-pagination-bullet-active{width: 20px; background: #cc3b0a; border-radius: 5px;} @media (max-width: 1280px) { .index-ghdt{height: auto;} } @media (max-width: 480px) { .index-ghdt .swiper-slide{height: auto;} .index-ghdt .swiper-slide .pic, .index-ghdt .swiper-slide .txt{float: none; width: 100%;} .index-ghdt .swiper-slide .pic{height: auto;} .index-ghdt .swiper-slide .tit{margin-bottom: 10px;} .index-ghdt .swiper-slide .txt{padding-bottom: 15px;} .index-ghdt .swiper-pagination{bottom: 20px !important;} } .index-zwgk-row .col-lg-c1{width: 67%;} .index-zwgk-row .col-lg-c2{width: 33%;} .index-zwgk-l{height: 330px; padding-left: 260px;} .index-gkzc{position: absolute; left: 0; top: 0; width: 234px; bottom: 0; background: url(/uploads/image/2images/index_gkzc.png) no-repeat; background-size: 100% 100%; overflow: hidden;} .index-gkzc a{display: block; width: 97px; height: 257px; margin: 0 auto; margin-top: 20px; color: #0f5ebf; background: rgba(255,255,255,.4); border: 1px solid #82beff; font-size: 30px; line-height: 36px; font-weight: bold; text-align: center;} .index-gkzc a span{display: block; padding: 18px 20px 0;} @media (max-width: 768px) { .index-zwgk-l{padding-left: 0; height: auto;} .index-gkzc{position: static; width: auto; background: #b3e7fc; padding: 15px; margin-bottom: 20px;} .index-gkzc a{width: auto; height: auto; margin: 0; font-size: 26px;} .index-gkzc a span{padding: 15px;} } .index-xxgk-menu li .box{padding-top: 5px; padding-bottom: 5px; background: #fff; border: 1px solid #d1dceb; border-radius: 2px;} .index-xxgk-menu li .box .icon{width: 50px; height: 50px; margin-left: -10px;} .index-wzgzndbb img{display: block; width: 100%;} .index-zwgk-menu li .box{padding-top: 10px; padding-bottom: 10px;} .index-zwgk-menu li .box .icon{width: 60px; height: 60px;} .index-zwgk-menu.splitline li .box:before{background: #c7d9f0;} .index-zjdc-new{padding-top: 20px; height: 106px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #d9d9d9 1px solid;} .index-zjdc-new .box{position: relative;} .index-zjdc-new .pic{position: absolute; left: 0; top: 0;} .index-zjdc-new .pic img{width: 109px; height: 106px;} .index-zjdc-new .txt{margin-left: 130px; padding-top: 5px;} .index-zjdc-new .tit{line-height: 30px; height: 60px; margin-bottom: 16px;} .index-zjdc-new .time{font-size: 16px; color: #919191; } .index-zjdc-new .time b{font-weight: normal;} .index-zjdc-list li{position: relative; padding-bottom: 25px;} .index-zjdc-list li:last-child{padding-bottom: 5px;} .index-zjdc-list li .box{padding-left: 30px; position: relative;} .index-zjdc-list li:before{content: ''; background: #afc0e0; width: 1px; position: absolute; top: 0; bottom: 0; left: 9px;} .index-zjdc-list li .attr{ margin-bottom: 10px; font-size: 16px;} .index-zjdc-list li .status{color: #a6a6a6; margin-right: 28px; margin-bottom: 13px;} .index-zjdc-list li .status.ing{color: #2b5dba;} .index-zjdc-list li .time{color: #808080;} .index-zjdc-list li .time b{font-weight: normal;} .index-zjdc-list li .tit{line-height: 30px; height: 60px;} .index-zjdc-list li .box i{position: absolute; left: 0; top: 4px; width: 20px; height: 20px; border-radius: 50%; transition: .3s all;} .index-zjdc-list li .box i:after{content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #a8d8f7; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: .3s all;} .index-zjdc-list li:hover .box i{background: #a8d8f7;} .index-zjdc-list li:hover .box i:after{background: #6494e8;} .index-zxft-list li{ margin-top: 20px; /* padding-top: 20px; padding-bottom: 20px; border-bottom: #d9d9d9 1px solid; */ } .index-zxft-list li .box{position: relative; height: 106px;} .index-zxft-list li .pic{position: absolute; left: 0; top: 0; width: 160px; height: 106px; overflow: hidden;} .index-zxft-list li .pic img{display: block; width: 100%; height: 100%;} .index-zxft-list li .txt{margin-left: 180px; padding-top: 5px;} .index-zxft-list li .tit{line-height: 30px; height: 60px; margin-bottom: 16px;} .index-zxft-list li .time{display: block; font-size: 16px; color: #919191;} @media (max-width:480px) { .index-zxft-list li .box{height: auto;} .index-zxft-list li .pic{position: static; width: auto; height: auto;} .index-zxft-list li .txt{position: static; margin-left: 0;} .index-zxft-list li .tit{margin-bottom: 10px;} .index-zxft-list li{border-bottom: #d9d9d9 1px dashed; padding-bottom: 20px;} } .index-ywzx-list li{border-bottom: 1px dashed #d1d1d1;} .index-ywzx-list li{padding-top: 20px; padding-bottom: 20px;} .index-ywzx-list li{border-bottom: 1px dashed #cccccc;} .index-ywzx-list li{padding-right:190px;} @media (max-width:480px) { .index-ywzx-list li{padding-top: 12px; padding-bottom: 12px;} .index-ywzx-list.res li a{padding-right: 0;} .index-ywzx-list.res li .time{display: block; font-size: 16px;} } .index-ywzx-piclist .box{height: 128px; position: relative;} .index-ywzx-piclist .pic{display: block; height: 100%; border-radius: 4px; overflow: hidden;} .index-ywzx-piclist .pic img{display: block; width: 100%; height: 100%;} .index-ywzx-piclist .txt{position: absolute; left: 36px; top: 50%; transform: translatey(-50%); color: #fff;} .index-ywzx-piclist .txt span{font-size: 24px; font-weight: bold;} .index-ywzx-piclist .txt .arrow{width: 26px; height: 26px; margin-left: 15px;} .index-ywzx-piclist .txt span, .index-ywzx-piclist .txt .arrow{display: inline-block; vertical-align: middle;} @media (max-width:580px) { .cardlist.col2 li{width: 100%;} } .index-ztzl{background: #f5f7fa; padding-top: 35px; padding-bottom: 35px;} .index-ztzl .swiper-slide .pic{position: relative; width:100%; height: 0; overflow: hidden; padding-bottom: 30%;} .index-ztzl .swiper-slide .pic img{ display:block; position: absolute; left: 0; top: 0; width:100%; height:100%;} .index-ztzl .swiper-ctrl-button{width: 14px; height: 40px; cursor: pointer; display: block; background: rgba(0,0,0, .2); position: absolute; top: 0; bottom: 0; margin: auto 0; z-index: 9; transition: .3s all;} .index-ztzl .swiper-ctrl-prev{left: 0;} .index-ztzl .swiper-ctrl-next{right: 0;} .index-ztzl .swiper-ctrl-button:after{content: ''; width: 0; height: 0; position: absolute; bottom: 0; top: 0; margin: auto 0; border: 6px solid transparent;} .index-ztzl .swiper-ctrl-prev:after{border-right-color: #fff; right: 5px;} .index-ztzl .swiper-ctrl-next:after{border-left-color: #fff; left: 5px;} .index-ztzl .swiper-ctrl-prev:hover, .index-ztzl .swiper-ctrl-next:hover{background: rgba(0,0,0, .5);}