.t-center { text-align: center; } .f5 .lightboxOverlay{ position: fixed; height: 100%!important; width:100%!important; } .f5 .lightbox{ height: 50%; bottom: 0; margin: auto; } .lb-data .lb-close{ float:none!important; margin:0 auto; } .lb-data .lb-number { display: none !important; } .honor { padding-bottom: 140px; box-sizing: border-box; overflow:hidden; } .honor .tit { line-height: 1; } .honor .tit .p { line-height: 1.5; margin-top: 20px; } .honor .ul { padding-bottom: 70px; padding-top: 5px; box-sizing: border-box; } .honor .items { float: left; width: 325px; margin-left: 46.6px; margin-top: 95px; color: #4c4c4c; } .f5 .lightbox .lb-image{ max-width: 490px; height: auto!important; } .honor .items:nth-child(4n+1) { margin-left: 0; } .honor .items .span { width: 245px; margin: 0 auto; padding-bottom: 15px; border-bottom: 1px dashed #959595; padding-right: 35px; box-sizing: border-box; font-size: 19px; position: relative; } .honor .items .span:after { position: absolute; width: 20px; height: 20px; right: 0; top: 0; content: ""; margin: auto; background: url(../web/img/i3.png) no-repeat center; background-size: 100%; } .honor .items .span span { width: 100%; height: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; display: block; height: 20px; line-height: 20px; } .honor .items .images { padding-bottom: 70px; text-align: center; margin-bottom: 20px; box-sizing: border-box; position: relative; } .honor .items .images:after { position: absolute; content: ""; width: 100%; height: 70px; bottom: 5px; left: 0; background: url(../web/img/i2.png) no-repeat center; background-size: 100%; } .honor .items .images .img { position: relative; } .honor .items .images .img .i { display: inline-block; max-height: 100%; max-width: 95%; z-index: 4; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .load-bot { display: none; } .op { opacity: 0; } .load-bot { width: 80px; margin: 0 auto; font-size: 14px; color: #cccccc; font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif; } .load-bot span { display: block; width: 50px; height: 50px; background: url(../img/i/i0.png) no-repeat center; background-size: 100%; } .load-bot .span { margin-top: 10px; } .w1340 { width: 1340px; margin: 0 auto; } .testing { height: 965px; padding-top: 70px; box-sizing: border-box; } .testing .tit { line-height: 1; } .testing .tit .cbig { color: #333; } .testing .tit .p { color: #4c4c4c; margin-top: 20px; } .testing .testingbox { position: relative; } .testing .testing-swiperbox { margin-top: 55px; } .testing .testing-center { width: 565px; height: 580px; margin: 0 auto; position: relative; } .testing .i-img { width: 85px; height: 30px; margin-bottom: 40px; } .testing .testing-fixedright { position: absolute; right: 0; top: 0; width: 146px; height: 275px; margin-top: 70px; box-sizing: border-box; } .testing .testing-fixedright .images { margin-bottom: 7px; border: 2px solid transparent; transition: .5s ease-in-out; } .testing .testing-fixedright .images:hover, .testing .testing-fixedright .images.active { border-color: #05a3a6; transition: .5s ease-in-out; } .testing .testing-fixedright .images img { width: 100%; } .testing .testing-fixedright .swiper-wrapper { padding-right: 20px; box-sizing: border-box; } .testing .testing-fixedright .swiper-container { width: 100%; height: 100%; } .testing .testing-fixedright .swiper-slide { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; font-family:"思源黑体","Source Han Sans CN","Noto Sans", sans-serif; line-height: 1.8; } .testing .testing-fixedright .swiper-scrollbar { opacity: 1 !important; width: 1px; background: #bfbfbf; } .testing .testing-fixedright .swiper-scrollbar-drag { width: 3px; left: -1px; background: #05a3a6; } .testing .testing-fixedright p { margin-bottom: 1em; } .testing .swiper-button-prev, .testing .swiper-button-next { height: 50px; width: 50px; top: 0; bottom: 0; margin: auto; transition: .5s ease-in-out; } .testing .swiper-button-prev:hover, .testing .swiper-button-next:hover { background-color: #05a3a6; transition: .5s ease-in-out; } .testing .swiper-button-prev { background: url(../img/i/i4.png) #d6d6d6 no-repeat center; background-size: 100%; left: -95px; } .testing .swiper-button-next { background: url(../img/i/i5.png) #d6d6d6 no-repeat center; background-size: 100%; right: -95px; } .testing .span { font-size: 16px; color: #4c4c4c; margin-bottom: 50px; line-height: 20px; height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: center; } .testing .images { position: relative; } .testing .images .i0 { width: 100%; } .testing .images .i1 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-height: 100%; max-width: none; margin: auto; } @media screen and (max-width: 1750px) { .honor { padding-top: .85rem; padding-bottom: 1.45rem; } .honor .tit .p { margin-top: .2rem; } .honor .items { float: left; width: 23%; margin-left: 2.6666666667%; } .testing .testing-fixedright .i-img { margin-bottom: .4rem; } .testing .tit .p { } .honor .items .span { font-size: .2rem; } .honor .items { margin-top: .95rem; } .honor .items .span { width: 85%; } .honor .items .images { padding-bottom: .7rem; } .honor .items .images:after { bottom:-40px; } .honor .ul { padding-top: .05rem; padding-bottom: .7rem; } } @media screen and (max-width: 1650px) { .honor .items .span { font-size: 16px; padding-bottom: 10px; } } @media screen and (max-width: 1450px) { .w1340 { width: 90%; } .testing { height: auto; padding: 60px 0; box-sizing: border-box; } .testing .testing-center { height: auto; width: 45%; } .testing .span { margin-bottom: .5rem; } .testing .swiper-button-next, .testing .swiper-button-prev { width: 40px; height: 40px; } .testing .swiper-button-next { right: -80px; } .testing .swiper-button-prev { left: -80px; } } @media screen and (max-width: 1180px) { .honor .items { width: 32%; margin-left: 2%; } .honor .items:nth-child(4n+1) { margin-left: 2%; } .honor .items:nth-child(3n+1) { margin-left: 0; } .honor .items .images:after { height: 70px; bottom: 5px; background-size: 100% 100%; } .honor .items .images { padding-bottom: 70px; } } @media screen and (max-width: 1024px) { .honor { padding-top: 50px; padding-bottom: 75px; } .testing .testing-fixedright { margin-top: 0; } .testing .tit .p { margin-top: 10px; } .testing .testing-fixedright { height: auto; } .honor .items { margin-top: 45px; } .honor .items .images { padding-bottom: 50px; } .honor .items .images:after { height: 50px; } .honor .ul { padding-bottom: 35px; } .testing .testing-fixedright { width: 100%; position: static; margin-top: 30px; } .testing .testing-fixedright .images { width: 85%; margin: 0 auto; display: block; } } @media screen and (max-width: 750px) { .honor .tit .p { font-size: 14px; margin-top: .1rem; } .testing .i-img { margin-bottom: .3rem; } .testing .swiper-button-next { right: -35px; } .testing .swiper-button-prev { left: -35px; } .testing .testing-fixedright .images { width: 95%; } .testing .span { font-size: 14px; } .testing .testing-center { width: calc(100% - 80px); } .testing .swiper-button-next, .testing .swiper-button-prev { width: 35px; height: 35px; } .testing { padding: 35px 0; } .testing .tit .p { font-size: 14px; } .honor .items { margin-top: .5rem; } .honor .items .span span { font-size: 14px; } .honor .items .images { padding-bottom: .5rem; } .honor .items .images:after { height: .5rem; } .honor .items { width: 49%; margin-left: 2%; } .honor .items:nth-child(3n+1) { margin-left: 2%; } .honor .items:nth-child(2n+1) { margin-left: 0; } } /*# sourceMappingURL=honor.css.map */