.swiper-container-ban1{ height: 7rem; } .ban_txt>h5{ font-size: .4rem; color: #333; line-height: 1; margin: 0; margin-bottom: .2rem; } .ban_txt>h5:last-child{ font-size: .2rem; color: #666; line-height: 1; margin: 0; margin-bottom: .2rem; } /* .ban_txt>h5:last-child{ font-size: .2rem; color: #888; line-height: 1; margin: 0; margin-bottom: .2rem; } */ .ban_txt { position: absolute; z-index: 1; top: 5.5rem; left: 3.1rem; } /* .banner .swiper-container-ban1 .ban_txt>h5 { transition: all 1s; opacity: 0; transform: translateY(50px); } .banner .swiper-container-ban1 .swiper-slide.swiper-slide-active .ban_txt>h5{ transition-delay: .6s; transform: none; opacity: 1; } */ .banner .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: .75rem; left: 15rem; width: 50%; } .banner .swiper-pagination { display: none; position: absolute; text-align: left; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .banner .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: none; opacity: 1; border: 1px solid #888; } .banner .swiper-pagination-bullet-active { opacity: 1; background: #e60012; border: 1px solid #e60012; } .prlogo{ position: absolute; width: 4.4rem; top: 3.0rem; left: 41%; z-index: 11; margin-left: -.59rem; } .ban_img>p{ font-size: .22rem; color: #fff; line-height: 1; margin: 0; margin-top: 0.3rem; letter-spacing: 0.15rem; padding-left: .15rem; } .prlindex1{ padding: .8rem 1rem; background: #f9f9f9; box-sizing: border-box; } .prl1con{ width: 25%; float: left; padding: 0 .17rem; border-right: 1px solid #e5e5e5; box-sizing: border-box; margin-bottom: .6rem; } .prl1con:nth-child(4n){ border-right: none; } .prltxt>h5{ font-size: .24rem; color: #333; margin: 0; line-height: 1; margin-top: .3rem; } .prltxt>p{ font-size: .16rem; color: #888; margin: 0; line-height: 1; margin: .12rem 0; } .abzmore{ text-align: center; /* position: relative; z-index: 11; */ font-size: .24rem; color: #888; line-height: 1; cursor: pointer; } .abzmore>img{ width: .14rem; margin-left: .15rem; } .infobox{ display: inherit; width: 100%; padding: 0 0 0 .17rem; margin: 0; margin-bottom: .5rem; } .infobox>li { margin-right: .1rem; color: #333; font-size: .2rem; float: left; margin-bottom: .3rem; width: 1.6rem; height: .5rem; line-height: .5rem; text-align: center; border: 1px solid #e6e6e6; border-radius: .5rem; outline: none; /* opacity: .8; */ -webkit-transition: 0.3s linear; transition: 0.3s linear; cursor: pointer; outline: none; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .infoactive{ background: #e62129; color: #fff !important; } .infobox>li:hover{ background: #e62129; color: #fff !important; } @media (max-width: 992px){ .banner { height: auto; margin-top: 0px; } .swiper-container-ban1 { height: 12.8rem; } .prlogo { position: absolute; width: 230px; top: 5.5rem; left: 28%; z-index: 11; margin-left: -25px; } .ban_txt>h5 { font-size: 28px; color: #333; line-height: 1; margin: 0; margin-bottom: 10px; } .ban_txt { position: absolute; z-index: 1; top: 5.5rem; left: 20px; padding: 0; } .ban_txt>h5:last-child { font-size: 16px; color: #888; line-height: 20px; margin: 0; margin-bottom: .2rem; padding-right: 40px; } .banner .swiper-pagination-bullet { width: 10px; height: 10px; } .ban_img>p { font-size: 16px; color: #fff; line-height: 1; margin: 0; margin-top: 10px; } .prl1con { width: 50%; float: left; padding: 0 10px; border-right: 1px solid #e5e5e5; box-sizing: border-box; margin-bottom: 20px; } .prlindex1 { padding: 30px 10px; background: #f9f9f9; box-sizing: border-box; } .prl1con:nth-child(2n) { border-right: none; } .prltxt>h5 { font-size: 18px; color: #333; margin: 0; line-height: 1; margin-top: 10px; } .prltxt>p { font-size: 16px; color: #888; margin: 0; line-height: 1; margin: 10px 0 0 0; } .abzmore { text-align: center; font-size: 16px; color: #888; line-height: 1; cursor: pointer; } .abzmore>img { width: 9px; margin-left: 5px; position: relative; top: -2px; } .infobox>li { margin-right: 1%; padding: 0 5px; color: #333; font-size: 12px; width: 24%; height: 35px; line-height: 35px; border-radius: 17px; } .infobox>li:nth-child(4n){ margin-right: 0; } .infobox { padding: 0; margin-bottom: 22px; } }