.swiper-pagination-bullet { width: 14px; height: 14px; opacity: 1; } .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { background: #005fe5; } .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { right: 0; bottom: 15px; display: flex; justify-content: right; padding-right: 38px; } .background_bg{ background: no-repeat; width: 100%; height: 100%; background-size: cover; padding-bottom: 30px; margin-top: -30%; } .body .top{ width: 100%; display: flex; justify-content: space-between; /* margin-top: 10%; */ } .background { width: 100%; height: 100%; background-size: cover; } .main_center{ width: 100%; display: flex; justify-content: space-between; /* margin-top: -30px; */ margin-bottom: 40px; } .left{ width: 803px; } .right{ width: 438px; } .background { margin: 0 auto; width: 1262px; position: relative; /* padding: 0 80px; */ } /* .body .top .gz{ position: absolute; left: 0; top:0; z-index: 99; } */ .top .title { font-weight: 700; font-size: 42px; margin-bottom: 27px; height: 90px; line-height: 57px; /* padding-left: 30px ; */ font-size: 51px; color: #005fe5; margin-bottom: 20px; } .top .title a{ color: #040000; } .top .title .swiper-slide{ width: 1150px; height: 57px; line-height: 57px; /* padding-left: 80px; */ text-align: center; color: #003399; font-size: 46px; display: block; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; text-align:center; } .top .left { display: inline-block; width: 738px; } .title.swiper-container-vertical>.swiper-pagination-bullets { height: 12px; display: inline-block; /* width: 100px; */ top:80px; text-align: right; right: 0; } .title .swiper-pagination-bullet{ background-color: #fff; } .title .swiper-pagination-bullet-active{ background-color: #005fe5; } .title.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 0; float: left; } .top .right { float: right; display: inline-block; /* padding: 0 0 10px 20px; */ width: 357px; vertical-align: top; } .top .right li{ overflow: hidden; } .swiper_title { position: absolute; bottom: 0px; z-index: 2; display: flex; width: 100%; height: 60px; background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8)); color: #fff; text-align: left; text-indent: 1em; font-size: 20px; line-height: 60px; left: 0; align-items: center; } .swiper-button-next, .swiper-button-prev { width: 50px; height:82px } .case1 .swiper-slide{ height: 416px; } .case1 .swiper-button-next, .case1 .swiper-button-prev { width: 44px; height:68px } /* .case2 { width: 999px; height: 581px; margin-bottom: 50px; } .case2 .swiper-slide>a { height: 570px } .swiper2 .swiper-slide>a { height: 581px; } .case2.swiper-container-horizontal>.swiper-pagination-bullets,.case2 .swiper-pagination-custom,.case2 .swiper-pagination-fraction { width: 15% } */ /* news_top */ .news_top .title_top{ padding-bottom: 30px; position: relative; } .news_top .title_top p{ height: 48px; line-height: 48px; position: absolute; padding-left :80px; font-size: 29px; font-weight: 700; color: #fff; } .news_top .news_list{ padding:0 34px; position: relative; margin-bottom: 16px; } .news_top .news_list:nth-last-of-type(1){ border-bottom: none; padding-bottom: 35px; } .news_top .news_list h5{ margin-bottom: 15px; } .news_top .news_list a{ font-size: 16px; position: relative; } .news_top .news_list p{ font-size: 16px; line-height: 24px; } .myswiper2 { height: 80%; width: 100%; } .myswiper { height: 20%; box-sizing: border-box; margin: 0 auto; width: 1123px; margin-top: 18px; } .myswiper .swiper-slide { width: 175px; } .myswiper .swiper-slide-thumb-active { opacity: 1; } .meeting{ overflow: hidden; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .myswiper2{ position: relative; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ content: ''; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ content: ''; } .meeting .swiper-button-next{ right: 0; width: 35px; height: 71px; } .meeting .swiper-button-prev{ left: 0; } .meeting .swiper-button-next,.meeting .swiper-button-prev{ top:760px; width: 35px; height: 71px; } .svt_ms{ width: 100%; height: 66px; padding: 12px 12px; background-color: #fff; font-size: 14px; box-shadow: 20px 0px 10px 0px rgba(0,0,0,0.1) } .img_list.lb{ padding-bottom: 112px; } .myswiper .swiper-slide{ opacity: 1; } .left .swiper-container,.news_top { margin-bottom: 25px; background-color: #fff; box-shadow: -4px 4px 8px 4px rgba(0, 0, 0, 0.1); height:416px; } .left .swiper-container{ box-shadow: -4px 4px 8px 4px rgba(0, 0, 0, 0.1); } .left .content,.media_img{ margin-top: 26px; } /* .content>li */ .content>li{ display: flex; justify-content: space-between; padding-bottom: 11px; margin-bottom: 11px; border-bottom: 1px dashed #000000; } .inner_ul{ width: 486px; } .font_title{ font-size: 21px; font-weight: bold; margin-bottom: 16px; } .inner_ul li{ font-size: 16px; line-height: 28px; } .inner_ul li.font_title{ font-size: 18px; } .inner_ul li a.detailed{ color: #0071ac; } /* media_content*/ .media_content h5{ font-size: 19px; margin: 16px 0; margin-bottom: 8px; } .media_content p{ line-height: 35px; } .content>li:nth-last-child(1){ border-bottom: none; } .swiper2{ position: relative; margin-top: 42px; margin-bottom: 238px; } .swiper2 .swiper-button-prev{ left: -70px; } .swiper2 .swiper-button-next{ right: -70px; } /* media_img */ .media_img{ margin-bottom: 38px; } /* news_top */ .news_top_right .news_list{ margin-bottom: 12px; position: relative; padding-left: 18px; margin-bottom: 15px; position: relative; padding-left: 18px; line-height: 28px; } .news_top_right .news_list a{ font-size: 18px; } .news_top_right .news_list a::before{ display: block; position: absolute; top:8px; content: ''; width: 5px; height: 5px; border-radius: 5px; background-color:#b81c22; left: 0px; } .news_top_right{ margin-top: 28px; } .hs_lc{ margin-bottom: 50px; } .lv_lc_main { margin-bottom: 40px; } /* lv_lc */ .lv_lc{ margin-top:42px; width: 100%; margin-bottom: 40px; } .hs_lc{ margin-top: 42px; } .lv_lc_bottom{ margin-top: 18px; } .flex { display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .main_word{ position: relative; box-shadow: -4px 4px 8px 4px rgba(0, 0, 0, 0.1); } .hs_lc .main_word{ margin-bottom: 18px; } .main_word .word_p{ position: absolute; bottom: 0; left: 0; display: flex; background: rgb(0 0 0 / 30%); width: 100%; padding: 0 26px; justify-items: center; height: 50px; align-items: center; } .lv_lc .lv_lc_bottom .main_word{ margin-bottom: 18px; } .lv_lc_bottom .main_word .word_p{ /*height:40px; line-height: 40px; */ } .main_word img{ display: block; } .main_word .word_p a{ color: #fff; font-weight: normal; } .lv_lc .lc_title{ margin-bottom: 42px; } .hs_lc_left { flex-direction: column; justify-content: space-between; } .hs_lc_left { width: 400px; } /* hs_lc */ .hs_lc .lc_title{ margin-top: 60px; margin-bottom: 42px; } .main_hs_bottom{ margin-top: 18px; } .zbfhlist li{ width: 414px; background-color: #fff; box-shadow: -4px 4px 8px 4px rgba(0, 0, 0, 0.1); } .zbfhlist li .zbfh_bottom{ padding:20px; } .zbfhlist li .zbfh_bottom h5{ font-size: 20px; color:#003399 ; } .zbfhlist li .zbfh_bottom .border{ width: 42px; height:3px ; background-color: #003399; margin: 10px 0; } .zbfh .lc_title{ margin:70px 0 60px 0; } .swiper2 .lc_title{ margin:70px 0 60px 0; } .swiper2 .swiper_title{ background-image: none; background: rgb(0 0 0 / 30%); } .zbfh{ margin-top:42px; margin-bottom: 60px; } /* detail_content */ .detail_content{ background-color: #fff; padding:20px 26px 40px 26px; box-shadow: -4px 4px 8px 4px rgba(0, 0, 0, 0.1); min-height: 500px; margin-bottom: 300px; } .detail_content ul{ overflow: hidden; padding: 60px 0; } .detail_content ul li{ border-bottom: 1px dashed #cccccc; padding-bottom: 20px; padding-top: 20px; } .detail_content .detail_title{ line-height: 50px; border-bottom: 1px solid #666666; } .detail_content .detail_title a{ font-size: 16px; } .detail_content .left_img{ float: left; } .detail_content .li_right{ float:right; width: 75%; height: 100%; color: #666666; padding-bottom: 20px; } .detail_content .li_right h5{ font-size: 20px; font-weight: normal; margin-bottom: 20px; } .detail_content .li_right p{ margin-bottom:40px; font-size: 13px; } .detail_content li{ overflow: hidden; } .date_time{ color: #666666; } .detail_content ul li:nth-last-child(1){ border-bottom: none; } @media(max-width:750px){ body{ background-color:yellow; } .swiper2 .swiper-button-prev{ left: 10px; } .swiper2 .swiper-button-next{ right: 10px; } }