/* your styles go here */ * { z-index: 10; } /* 首页 */ .background_video { position: fixed;/* 视频定位方式设为固定 */ right: 0; bottom: 0;/* 视频位置 */ min-width: 100%; min-height: 100%; /* 不会因视频尺寸造成页面需要滚动 */ width: auto; height: auto; /* 尺寸保持原视频大小 */ z-index: -100; /* z轴定位,小于0即可 */ -webkit-filter: grayscale(20%);/*添加灰度蒙版,如果设定为100%则视频显示为黑白 */ } .background-wap { position: relative; background: #fff; } .indexHead #navbar { background: unset; position: fixed; width: 100%; z-index: 110; } #navbar .navbar-toggler { color: #fff; border: 1px solid #fff !important } /* 轮播图自定义样式 */ .home-carousel .owl-carousel { padding-top: 0; } .banner .home-carousel .owl-carousel { padding-bottom: 20px; position: relative; } .banner .owl-carousel .owl-dots { margin-top: 20px; text-align: center; position: absolute; bottom: 3rem; width: 100%; } .owl-item { height: 100%; } .banner .owl-carousel .owl-item img { height: 100%; max-height: 700px; min-height: 175px; margin: 0 auto; } @media (max-width: 767px) { .banner .home-carousel img { height: 230px!important; max-height: 210px!important; } } /* 关于我们 */ .about .relative-positioned .container { height: 600px; } .about .relative-positioned .container .text-uppercase { padding-top: 10rem; } .about .box-image .overlay , .about .box-image h3 , .about .box-image p , .about .box-image .buttons { opacity: 1; } .about .box-image .overlay { background: rgba(0, 0, 0, 0.3); } .about .box-image h3 { transform: translateY(0px); } .about .icon-outlined.icon-sm { width: 90px; height: 90px; line-height: 90px; font-size: 3.8rem; font-weight: 100; border: 0; } .about #message { resize: none; }