.swiper { width: 100%; height: 100%; overflow: hidden; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .tpxw_lb { position: relative; overflow: hidden; width: 57%; } .tpxw { display: flex; justify-content: space-between; flex-wrap: wrap; } .tpxw_right { width: 40%; } .tpxw_lb .swiper-button-next { background-image: url(../images/index/arrow_left.png); transform: rotate(180deg); width: 28px; height: 64px; } .mySwiper .swiper-slide a { width: 100%; display: block; } .tpxw_lb .swiper-button-prev { background-image: url(../images/index/arrow_left.png); width: 28px; height: 64px; } .lb_bottomtext { position: absolute; bottom: 0; width: 100%; height: 94px; background: url(../images/index/bottomtext_bg.png) no-repeat; background-size: 100% 100%; line-height: 94px; text-align: left; padding-left: 40px; } .lb_bottomtext a { color: white; } .tpxw_lb .swiper-pagination { text-align: right; } .tpxw_lb .swiper-pagination-bullet { width: 11px; height: 11px; opacity: 0.71; background: rgba(255, 255, 255, 1); border-radius: 0; } .tpxw_lb .swiper-pagination-bullet-active { background: rgba(212, 48, 48, 1); } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 35px; left: 75%; width: 20%; } .lb_bottomtext a { width:75% !important; } .gzdt { position: relative; } .gzdt ul li { float: left; } .item_li { display: flex; justify-content: space-between; margin-top: 30px; padding-bottom: 30px; border-bottom: 1px dashed rgba(166, 166, 166, 1); margin-bottom: 10px; } .item_time { width: 80px; height: 80px; text-align: center; margin-right: 15px; flex-shrink: 0; } .ri { font-size: 30px; font-weight: 700; line-height: 39.59px; color: rgba(255, 255, 255, 1); margin-top: 10px; } .nf { font-size: 14px; line-height: 18.48px; color: rgba(255, 255, 255, 1); } .item_title { font-size: 20px; font-weight: 700; line-height: 36px; color: rgba(23, 100, 194, 1); width:80%; } .item_title a { color: rgba(23, 100, 194, 1); } .item_memo { font-size: 1.125rem; line-height: 23.76px; color: rgba(166, 166, 166, 1); } .item_nr { width: 80%; } .item_time { background: url(../images/index/itemtime.png) no-repeat center; background-size: 100% 100%; } a:hover { color: rgba(108, 165, 230, 1); } .tpxw_lb .swiper-button-next { right: 0; } .tpxw_lb .swiper-button-prev { left: 0; } .gzdt_item li { position: relative; padding-left: 20px; } .gzdt_item li a { line-height: 56px; color: rgba(56, 56, 56, 1); } .gzdt_item li::before { content: ""; width: 5px; height: 5px; background: rgba(204, 204, 204, 1); display: block; position: absolute; top: 27px; left: 0; } .mySwiper .swiper-slide img { height: 514px; } .tzgg { background: rgba(244, 248, 253, 1); padding: 40px 0; } .tzgg_box { position: relative; } .tzgg_li { display: flex; justify-content: space-between; flex-wrap: wrap; } .tzgg_li li { width: 32%; padding: 20px 25px; box-sizing: border-box; margin-top: 20px; } .tzgg_li li:hover { background: url(../images/index/li_bg.png) no-repeat center; background-size: 100% 100%; box-shadow: 0px 6px 40px rgba(48, 104, 184, 0.2); } .ggw { position: relative; } .ggw .swiper-button-prev { background: url(../images/index/arrow1.png) no-repeat; width: 50px; height: 50px; left: -28px; } .ggw .swiper-button-next { background: url(../images/index/arrow1.png) no-repeat; transform: rotate(180deg); width: 50px; height: 50px; right: -28px; } .gongzdt { display: flex; justify-content: space-between; flex-wrap: wrap; } .gongzdt_left { position: relative; width: 65%; } .xxgk { position: relative; width: 33%; } .list li { display: flex; position: relative; padding-left: 15px; justify-content: space-between; } .list li a { width: 85%; line-height: 56px; color: rgba(56, 56, 56, 1); } .list li::before { content: ""; width: 5px; height: 5px; background: rgba(204, 204, 204, 1); display: block; position: absolute; top: 27px; left: 0; } .time { font-size: 1.125rem; line-height: 56px; color: rgba(166, 166, 166, 1); } .xxgk_nr { display: flex; justify-content: space-between; flex-wrap: wrap; } .xxgk_box { padding: 30px; box-sizing: border-box; background: url(../images/index/xxgk_babg.png) no-repeat; background-size: 100%; } .xxkg_main { border-radius: 10px; background: rgba(255, 255, 255, 0.5); box-shadow: 0px 6px 40px rgba(48, 104, 184, 0.1); padding: 29px 30px 30px; display: flex; flex-direction: column; box-sizing: border-box; } .xxkg_main a { margin-top: 44px; font-size: 22px; } .xxkg_main a img { vertical-align: middle; margin-right: 20px; } .xxkg_main a:first-child { margin-top: 0px; } .jszwfw { background: url(../images/index/jsszwfu_bg.png) no-repeat center; padding: 43px 36px; } .zwfwtext { width: 60%; margin: 0 auto 35px; display: block; } .zwfwtext img { width: 100%; } .zwfw_box { display: flex; justify-content: space-between; flex-wrap: wrap; border-radius: 20px; background: rgba(255, 255, 255, 0.6); box-shadow: 0px 6px 40px rgba(48, 104, 184, 0.1); padding: 33px 0 39px; } .zwfw_box a { width: 10%; text-align: center; } .zwfw_box a img { display: block; margin: 0 auto 26px; } .zcfgbuwj { display: flex; justify-content: space-between; flex-wrap: wrap; } .zcjd { position: relative; } .zcjd .more { position: absolute; right: 14px; top: 11px; } .zcfgbuwj .changeLine li { float: left; } .zcfg { width: 66%; position: relative; } .zcjd { width: 32%; } .listContent li a { width: 70%; } .bsfw_box { display: flex; justify-content: space-between; flex-wrap: wrap; } .bsfw_box li { width: 23%; height: 150px; opacity: 1; background: rgba(244, 248, 253, 1); position: relative; } .bsfw_box li a { display: block; text-align: center; } .bsfw_box li:hover { background: rgba(230, 241, 255, 1); } .bsfw_box li:hover a { color: rgba(38, 107, 191, 1); font-weight: 700; } .bsfw_box li::before { display: block; margin: 41px auto 22px; width: 43.66px; height: 43.66px; display: block; content: ""; } .bsfw_box li:nth-child(1)::before { background: url(../images/index/grbs_icon1.png) no-repeat center; } .bsfw_box li:nth-child(2)::before { background: url(../images/index/grbs_icon2.png) no-repeat center; } .bsfw_box li:nth-child(3)::before { background: url(../images/index/grbs_icon3.png) no-repeat center; } .bsfw_box li:nth-child(4)::before { background: url(../images/index/grbs_icon4.png) no-repeat center; } .bsfw_box li:nth-child(5)::before { background: url(../images/index/grbs_icon5.png) no-repeat center; } .bsfw_box li:nth-child(6)::before { background: url(../images/index/grbs_icon6.png) no-repeat center; } .bsfw_box li:nth-child(7)::before { background: url(../images/index/grbs_icon7.png) no-repeat center; } .bsfw_box li:nth-child(8)::before { background: url(../images/index/grbs_icon8.png) no-repeat center; } .bsfw_box li:hover:nth-child(1)::before { background: url(../images/index/grbs_icon1hover.png) no-repeat center; } .bsfw_box li:hover:nth-child(2)::before { background: url(../images/index/grbs_icon2hover.png) no-repeat center; } .bsfw_box li:hover:nth-child(3)::before { background: url(../images/index/grbs_icon3hover.png) no-repeat center; } .bsfw_box li:hover:nth-child(4)::before { background: url(../images/index/grbs_icon4hover.png) no-repeat center; } .bsfw_box li:hover:nth-child(5)::before { background: url(../images/index/grbs_icon5hover.png) no-repeat center; } .bsfw_box li:hover:nth-child(6)::before { background: url(../images/index/grbs_icon6hover.png) no-repeat center; } .bsfw_box li:hover:nth-child(7)::before { background: url(../images/index/grbs_icon7hover.png) no-repeat center; } .bsfw_box li:hover:nth-child(8)::before { background: url(../images/index/grbs_icon8hover.png) no-repeat center; } .qybs.bsfw_box li:nth-child(1)::before { background: url(../images/index/frbs_icon1.png) no-repeat center; } .qybs.bsfw_box li:nth-child(2)::before { background: url(../images/index/frbs_icon2.png) no-repeat center; } .qybs.bsfw_box li:nth-child(3)::before { background: url(../images/index/frbs_icon3.png) no-repeat center; } .qybs.bsfw_box li:nth-child(4)::before { background: url(../images/index/frbs_icon4.png) no-repeat center; } .qybs.bsfw_box li:nth-child(5)::before { background: url(../images/index/frbs_icon5.png) no-repeat center; } .qybs.bsfw_box li:nth-child(6)::before { background: url(../images/index/frbs_icon6.png) no-repeat center; } .qybs.bsfw_box li:nth-child(7)::before { background: url(../images/index/frbs_icon7.png) no-repeat center; } .qybs.bsfw_box li:nth-child(8)::before { background: url(../images/index/frbs_icon8.png) no-repeat center; } .qybs.bsfw_box li:hover:nth-child(1)::before { background: url(../images/index/frbs_icon1hover.png) no-repeat center; } .qybs.bsfw_box li:hover:nth-child(2)::before { background: url(../images/index/frbs_icon2hover.png) no-repeat center; } .qybs.bsfw_box li:hover:nth-child(3)::before { background: url(../images/index/frbs_icon3hover.png) no-repeat center; } .qybs.bsfw_box li:hover:nth-child(4)::before { background: url(../images/index/frbs_icon4hover.png) no-repeat center; } .qybs.bsfw_box li:hover:nth-child(5)::before { background: url(../images/index/frbs_icon5hover.png) no-repeat center; } .qybs.bsfw_box li:hover:nth-child(6)::before { background: url(../images/index/frbs_icon6hover.png) no-repeat center; } .qybs.bsfw_box li:hover:nth-child(7)::before { background: url(../images/index/frbs_icon7hover.png) no-repeat center; } .qybs.bsfw_box li:hover:nth-child(8)::before { background: url(../images/index/frbs_icon8hover.png) no-repeat center; } .jzxx { display: flex; justify-content: space-between; flex-wrap: wrap; } .ztzlSwiper .swiper-button-next, .ztzlSwiper .swiper-button-prev { top: 70%; } .xxgk_nr a { width: 32%; } .jzxx a { width: 32%; } .ztzlSwiper img { height: 121px; } @media (max-width: 1280px) { .tpxw_lb { width: 100%; } .mySwiper .swiper-slide img { height:auto; } .tpxw_right { width: 100%; margin-top: 20px; } .item_nr { width: 87%; } .tzgg_li li { width: 50%; } .ggw .swiper-button-prev { left: 0px; } .ggw .swiper-button-next { right: 0px; } .gongzdt_left { width: 100%; } .xxgk { margin-top: 20px; width: 100%; } .zwfw_box br { display: none; } .zwfw_box a { width: 30%; } .jszwfw { background-size: 100% 100%; } .zcfg { width: 100%; } .zcjd { width: 100%; margin-top: 20px; } } @media (max-width: 480px) { .tzgg_li li { width: 100%; } .list li a { width: 66%; } .xxgk_nr a { width: 100%; margin-top: 20px; } .xxgk_nr a img { width: 100%; } .xxgk_box { padding: 9px; } .jszwfw { padding: 38px 0px; } .zwfw_box a { width: 50%; margin-top: 10px; } .bsfw_box li { width: 48%; margin-top: 20px; } .zwfwtext { width: 100%; } .zcfgbuwj .changeLine li { margin-bottom: 25px; } .jzxx a { width: 100%; margin-top: 20px; } } /*pagediv*/ .pagediv { font-size: 0.875em; color: #333; line-height: 2; clear: both; } .pagediv a { color: #333; } .pagediv .moye, .pagediv .arrow a, .pagediv .index_num, .pagediv .pagination_index_last, .pagediv #pagination_input, .pagediv #currentPage { display: inline-block; *display: inline; margin: 4px; zoom: 1; border: #dfdfdf 1px solid; border-radius: 3px; vertical-align: top; transition: all 0.2s; -webkit-transition: all 0.2s; background: #f1f1f1; background: -webkit-linear-gradient(#ffffff 10%, #f1f1f1); background: -o-linear-gradient(#ffffff 10%, #f1f1f1); background: -moz-linear-gradient(#ffffff 10%, #f1f1f1); background: linear-gradient(#ffffff 10%, #f1f1f1); } .pagediv .arrow a:hover, .pagediv .index_num { background: #27538a; border-color: #27538a; color: #fff; text-decoration: none; } .pagediv .moye, .pagediv .arrow a, .pagediv .index_num { padding: 0 10px; } .pagediv .index_num { font-weight: 700; } .pagediv .pagination_index_last { padding: 0 6px; } .pagediv #pagination_input { width: 40px; height: 28px; color: #888; text-align: center; background: #fff; } .pagediv #currentPage { width: 40px; height: 30px; color: #888; text-align: center; background: #fff; } .pagediv font.en { display: none; } #page_div1 { display: flex; } #page_div{ text-align: center;} body.useOldFixed .logo { text-align: center; width: 100%; } body.useOldFixed .search { width: 64%; margin: 0 auto; } body.useOldFixed .swiper-wrapper:not(.skipAutoFix) { width: 100%; clear: both; float: none; overflow: visible !important; height: auto; } body.useOldFixed .list li a { width: 82% !important; } body.useOldFixed .xxgk_nr a { width: 32% !important; } body.useOldFixed .zwfw_box a { width: 31%; } body.useOldFixed .jszwfw { background-size: 100% 100%; } body.useOldFixed .bsfw_box li { height: 185px }