.banner_box { background-color: #f5f5fa; height: 3.5rem; background-image: url('../image/banner01.jpg'); background-size: 100% 100%; background-repeat: no-repeat; margin-top: 1.25rem; } .flex_center_top { height: 100%; display: flex; align-content: center; flex-wrap: wrap; } .banner_font { width: 100%; font-size: 0.3rem; color: #fff; font-weight: bold; } .type_nav_box { border-bottom: 0.01rem solid rgba(77, 77, 77, 0.16); margin-bottom: 1.36rem; height: 0.55rem; } .content_box { padding-bottom: 0.8rem; } .content_box li { width: 1.3rem; height: 0.55rem; /*line-height: 0.55rem;*/ text-align: center; font-size: 0.18rem; color: #383838; display: inline-block; } .content_box li.active { background-color: #005AAF; color: #fff; position: relative; } .content_box li.active::after { content: ''; width: 0; height: 0; border-right: 0.1rem solid transparent; border-left: 0.1rem solid transparent; border-top: 0.08rem solid #005AAF; position: absolute; bottom: -0.06rem; left: 50%; transform: translateX(-50%); } .t1 .d-flex h2{ font-size: 0.72rem; color: #e0e0e0; font-weight: bold; margin-top: 0.00rem; } .t1 .d-flex h4{ font-size: 0.32rem; color: #005bac; font-weight: bold; margin-bottom: 0.5rem; } .t1 .d-flex p{ font-size: 0.16rem; line-height:28px; } .t1 .d-flex>div:nth-child(1){ padding-right: 0.5rem; } .title-a{ text-align: center; } .title-a h4{ font-size: 0.32rem; color: #005bac; font-weight: bold; letter-spacing: 0.05rem; } .banner-a{ position: relative; margin: 0.4rem auto 0; width: 100%; overflow: hidden; height: 2.22rem; } .banner-a img{ width: 100%; } .banner-a > div{ position: absolute; left: 0; top: -0.2rem; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } .banner-a>div span{ color: #fff; font-weight: bold; font-size: 0.46rem; margin: 0 1.3rem; } .fzlc-box { width: 100%; height: auto; overflow: hidden; background-image: url('../image/fzlc.jpg'); background-size: 100% 100%; background-repeat: no-repeat; } .fzlc-box .fz-banner .swiper-wrapper{margin-top: -1rem;} .fzlc-ul { width: 14.4rem; max-width: 14.4rem; min-width: 10rem; margin: 0rem auto 0; height: 110%; overflow: hidden; position: relative; background-image: url('../image/qzt.png'); background-size: 100%; background-position-y: 4rem; background-repeat: no-repeat; } .fzlc-ul > .fzlc-li { width: 18.75%; min-height: 1.7rem; height: auto; overflow: auto; position: absolute; top: 1.65rem; left: 5%; } .fzlc-ul > .fzlc-li.lc-1{top: 1.9rem;} .fzlc-date1 { position: absolute; top: 4.04rem; left: 7%; font-size: 0.32rem; font-weight: 600; color: #005baf; } .fzlc-date1 span,.fzlc-date2 span,.fzlc-date3 span,.fzlc-date4 span,.fzlc-date5 span,.fzlc-date6 span{font-size: 0.26rem;} .fzlc-ul > .fzlc-li1 { width: 18.75%; min-height: 1.7rem; height: auto; overflow: auto; position: absolute; top: 6rem; left: 15%; } .fzlc-date2 { position: absolute; top: 5.4rem; left: 17%; font-size: 0.32rem; font-weight: 600; color: #005baf; } .fzlc-ul > .fzlc-li2 { width: 18.75%; min-height: 1.7rem; height: auto; overflow: auto; position: absolute; top: 2rem; left: 40%; } .fzlc-ul > .fzlc-li2.lc-2{top: 1.9rem;} .fzlc-date3 { position: absolute; top: 4.04rem; left: 41%; font-size: 0.32rem; font-weight: 600; color: #005baf; } .fzlc-ul > .fzlc-li3 { width: 18.75%; min-height: 1.7rem; height: auto; overflow: auto; position: absolute; top: 6rem; left: 51%; } .fzlc-ul > .left-3{left: 49%;} .fzlc-date4 { position: absolute; top: 5.4rem; left: 52%; font-size: 0.32rem; font-weight: 600; color: #005baf; } .fzlc-ul > .fzlc-li4 { width: 18.75%; min-height: 1.7rem; height: auto; overflow: auto; position: absolute; top: 1.9rem; left: 73%; } .fzlc-ul > .fzlc-li4.lc-4{top: 1.9rem;} .fzlc-date5 { position: absolute; top: 4.04rem; left: 75%; font-size: 0.32rem; font-weight: 600; color: #005baf; } .fzlc-ul > .fzlc-li5 { width: 18.75%; min-height: 1.7rem; height: auto; overflow: auto; position: absolute; top: 6rem; left: 82%; } .fzlc-date6 { position: absolute; top: 5.4rem; left: 86%; font-size: 0.32rem; font-weight: 600; color: #005baf; } .fzlc-text { width: 76%; font-size: 13px; line-height: 0.24rem; height: auto; overflow: hidden; margin-top: 0.1rem; } .fzlc-img { width: 76%; height: 1.46rem; overflow: hidden; margin-top: 0.1rem; position: relative; /* padding-bottom: .07rem; */ padding-top: .12rem; } .fzlc-x1 { display: block; width: 100%; top: 0; left: 0; height: .14rem; position: absolute; } .fzlc-x2 { display: block; width: 100%; bottom: .11rem; left: 0; height: .14rem; position: absolute; } .fzlc-img1 { width: 76%; height: 1.46rem; overflow: hidden; position: relative; /* padding-bottom: .07rem; */ padding-top: .12rem; } .fzlc-img img { width: 100%; height: 100%; } .fzlc-img1 img { width: 100%; height: 100%; } .fz-banner { width: 14.4rem; height: 8rem; overflow: hidden; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { bottom: 3.1rem !important; top: auto; color: #005baf; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { bottom: 3.1rem !important; top: auto; color: #005baf; } .fzlc-li2 .a_3{position: relative;bottom: 0.1rem;} .swiper-button-next:after, .swiper-button-prev:after{font-size: 0.7rem;} @media screen and (max-width: 1680px) { .fzlc-ul > .fzlc-li2{top: 1.75rem;} } @media screen and (max-width: 1440px) { .fzlc-ul > .fzlc-li{top: 1.4rem;} } @media screen and (min-width: 1360px) and (max-width: 1370px) { .about1 .content_box{margin-top: -60px !important;} .fzlc-text{min-height: 51px;} .fzlc-li4 .a_5{position: relative;top: 0.24rem;} .fzlc-ul > .fzlc-li4{top: 1.6rem;} .fzlc-ul > .fzlc-li.lc-1{top: 1.6rem;} .fzlc-ul > .fzlc-li2.lc-2{top: 1.6rem;} .fzlc-ul > .fzlc-li4.lc-4{top: 1.6rem;} .fzlc-ul > .fzlc-li{top: 1.4rem;} .fzlc-ul > .fzlc-li2{top: 1.72rem;} } @media screen and (min-width: 768px) and (max-width: 1024px) { .fzlc-text{width: 100%;} .fzlc-ul > .fzlc-li.lc-1{top: 1.5rem;} .fzlc-ul > .fzlc-li2.lc-2{top: 1.5rem;} .fzlc-ul > .fzlc-li4.lc-4{top: 1.5rem;} .fzlc-ul > .fzlc-li{top: 1rem;} .fzlc-ul > .fzlc-li2{top: 1.5rem;} .fzlc-ul > .fzlc-li4{top: 1.5rem;} }