.swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; } .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { background: #c4191f; } .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { right: 0; bottom: 15px; display: flex; justify-content: right; padding-right: 38px; } .body .top{ position: relative; } .background { margin: 0 auto; width: 1229px; position: relative; /* padding: 0 80px; */ margin-top: -30%; } .body .top .gz{ position: absolute; left: 0; top:0; z-index: 99; } .top .title { font-weight: 700; font-size: 42px; margin-bottom: 27px; height: 57px; line-height: 57px; padding-left: 30px ; font-size: 58px; color: #b90c0e; margin-bottom: 48px; text-align: center; } .top .title a{ color: #b90c0e; } .top .title .swiper-slide{ height: 57px; line-height: 57px; padding-left: 80px; display: block; } .top .left { display: inline-block; width: 800px; margin-bottom: 60px; } .title.swiper-container-vertical>.swiper-pagination-bullets { height: 12px; display: inline-block; width: 100px; top:50px; text-align: right; right: 0; } .title .swiper-pagination-bullet{ background-color: #bfbfbf; } .title .swiper-pagination-bullet-active{ background-color: #c4191f; } .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: 404px; vertical-align: top; } .top .right li{ overflow: hidden; } .swiper_title { position: absolute; bottom: 0px; z-index: 2; display: inline-block; width: 100%; height: 58px; background: rgba(0,0,0,.6); color: #fff; text-align: left; text-indent: 1em; font-size: 21px; line-height: 58px; left: 0 } .swiper-button-next, .swiper-button-prev { width: 43px; height: 80px } .case1 .swiper-slide{ height: 374px; } .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 .news_list{ margin-bottom: 12px; position: relative; padding-left: 14px; } .news_top .news_list a{ font-size: 17px; /* padding-left: 18px; */ position: relative; } .news_top .news_list a::before{ display: block; position: absolute; top:8px; content: ''; width: 5px; height: 5px; border-radius: 5px; background-color:#b81c22; left: -10px; } /* img_top */ .list_img{ margin-top: 10px; } .sub-image-content{ margin-bottom: 34px; } .img_top{ /* margin-top: 60px; */ margin-bottom: 40px; } .sub-image-content { position: relative; } .sub-image-content img { display: block; } .sub-image-content .img-title { position: absolute; bottom: 0; left: 0; display: flex; background: rgb(0 0 0 / 50%); width: 100%; padding: 0 26px; justify-items: center; height: 48px; align-items: center; } .sub-image-content .img-title a { color: #fff; font-weight: normal; font-size: 16px; } .sub-image-content .img-bottom-title { display: flex; width: 100%; padding: 0 26px; justify-items: center; height: 50px; align-items: center; font-size: 16px; background: no-repeat left center; } .sub-image-content .img-bottom-title a { color: #fff0d2; font-weight: normal; } .sub-row { display: flex; display: -webkit-flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .meeting .sub-image-content{ margin-bottom: 34px; } .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; margin-bottom: 30px; } .myswiper .swiper-slide-thumb-active .svt_ms{ background-color: #c4191f; color: #fff; } .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: 80px; } .myswiper .swiper-slide{ opacity: 1; } .img_list{ margin-bottom: 30px; }