/* 自适应字体大小 */ @media (max-width: 1200px) { legend { font-size: calc(1.275rem + 0.3vw); } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } .display-1 { font-size: calc(1.725rem + 5.7vw); } .display-2 { font-size: calc(1.675rem + 5.1vw); } .display-3 { font-size: calc(1.575rem + 3.9vw); } .display-4 { font-size: calc(1.475rem + 2.7vw); } .close { font-size: calc(1.275rem + 0.3vw); } } /* nav自适应宽度 */ .m-navbar-nav { width: 100%; font-size: 18px; justify-content: space-around; } /** 小屏下,菜单居中 **/ @media(max-width: 767px){ .m-navbar .m-navbar-nav li{ text-align: center; } } /* 菜单hover显示 */ @media(min-width: 992px){ .m-navbar .dropdown:hover>.dropdown-menu { display: block; margin-top: 0px; } .m-navbar .dropdown>.dropdown-toggle:active { pointer-events: none; } } /* 定义幻灯片item高度 */ .carousel-item { height: 30rem; } /* 幻灯片图片强制全部展示 */ .carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 30rem; } /** 相对定位,防止子组件绝对定位跑出 **/ .carousel-item .m-relative{ position: relative; } @media(min-width: 768px){ .text-left > .m-carousel-caption { text-align: left!important; } .text-right > .m-carousel-caption { text-align: right!important; } } @media(max-width: 768px){ /* 定义幻灯片item高度 */ .carousel-item { height: 20rem; } /* 幻灯片图片强制全部展示 */ .carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 20rem; } } /* 幻灯片caption垂直居中 */ .m-carousel-caption { top: 50%; left:50%; bottom:auto; -webkit-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /** * 幻灯片上btn样式 */ .m-carousel-caption .btn { background-color: #c71630; color: #ffff; } /* 鼠标移入图片放大效果 */ .m-picImg:hover img { transform: scale(1.1); } .m-picImg img { transition: transform 12s cubic-bezier(.23,1,.32,1); transform: scale(1); } /* 图片卡片样式 */ .m-card { border:0px; } .m-card-image { position: relative; overflow: hidden; } .m-card-image-caption { position: absolute; bottom: 15px; left: 15px; color: #fff; font-size: 1.3em; text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5); } .m-img-text { color: #fff; } .m-img-text a{ color: #fff; } .wp-block-gallery.m-img-text .blocks-gallery-item figcaption{ font-size: 1rem; text-align: left; color: #fff; line-height: 2.0; } .wp-block-gallery.m-img-text .blocks-gallery-item figcaption a{ font-size: 1.25rem; margin-bottom: .5rem; font-weight: 500; } .wp-block-gallery.m-img-text .blocks-gallery-item figcaption img{ vertical-align: baseline; } /* 服务横条 */ .m-jumbotron .container{ height: 300px; display: flex; justify-content: space-around; flex-direction: column; } /* 小屏时底部列居中 */ @media (max-width: 768px) { .footer .m-col{ text-align: center; } } a { color: #999999; text-decoration: none; } a:hover { text-decoration: none; } footer a { color: #212529; background-color: transparent; font-weight: 500; } footer a:hover { color: #999999; } footer h4,h6{ font-weight: bold; } footer ul { line-height: 35px; } /** 公司简介段落 **/ .m-content p.container { line-height: 45px; } /** 播放按钮样式 **/ .m-bf-button { background: url(images/bf.png) no-repeat; width: 100px; height: 100px; border: 0px; cursor: pointer; } button:focus { outline: none; } .wp-block-image img { width: 100%; } /** 把元素的底端与父元素字体的底端对齐 **/ .img-v-text-bottom img{ vertical-align: text-bottom; } /** 招聘ol ul p 统一默认颜色 **/ .m-zp.m-content ol { color: #8D8D8D; } .m-zp.m-content ul { color: #8D8D8D; } .m-zp.m-content p:not(.has-text-color){ color: #8D8D8D; } .m-job .col-md-3{ text-align: left; } /** 分页条样式 **/ .wp-pagenavi{ display: flex; text-align: center; justify-content: center; } .wp-pagenavi a, .wp-pagenavi span { font-size: .875rem; display: -webkit-box; display: flex; width: 36px; height: 36px; margin: 0 3px; padding: 0; border-radius: 50%!important; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; line-height: 46px; width: 46px; height: 46px; color: #8898aa; border: .0625rem solid #dee2e6; background-color: #fff; } .wp-pagenavi span:hover, .wp-pagenavi a:hover{ z-index: 2; text-decoration: none; color: #8898aa; border-color: #dee2e6; background-color: #dee2e6; } .wp-pagenavi span.current{ z-index: 1; color: #fff; border-color: #EE5118; background-color: #EE5118; } .m-job-back-list a{ color: #EE5118; } @media(min-width: 992px){ .m-job-back-list{ text-align: right; } } /** 产品分类折叠面板自定义样式 **/ .m-accordion .card-header{ background-color: #595657; cursor: pointer; } .m-accordion .card-header a{ color: #fff; } .m-accordion .card-header.collapsed a{ color: #999999; } .m-accordion .card-header.collapsed { background-color: #DDDDDD; } .m-accordion .card , .m-accordion .card-header{ border: 0px; } .m-accordion a:hover { color: #999999; text-decoration: none; } .m-accordion .sub-item { transition: all .7s ease 0s; } .m-accordion .sub-item:hover { background-color: rgba(0,0,0,.03); padding-left: 10px; } .m-accordion .sub-item.selected> a { color: #EE5118; } /** 产品列表样式 **/ .m-product .card img { width: 100% !important; border: 2px solid #D7D7D7; transition: all 0.5s ease 0s; } .m-product .card:hover img { -webkit-filter: brightness(.5); filter: brightness(.5); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .m-product .card-body { text-align: center; padding: 1rem; } .m-product .card { border: 0; } /** * 表格默认样式 **/ .wp-block-table.is-style-regular td, .wp-block-table.is-style-regular th { padding: .5em; border: 1px solid; word-break: normal; color: #6A6A6A; } .wp-block-table.is-style-regular>table>thead{ background-color: #DDDDDD; color: #6A6A6A; } /** * 幻灯片样式 **/ .m-cover h1 { font-size: 3.5rem; } @media (max-width: 1200px) { .m-cover h1 { font-size: calc(1.375rem + 1.5vw); } .m-cover h2 { font-size: calc(0.8rem + 0.6vw); } .m-cover h3 { font-size: calc(0.8rem + 0.6vw); } .m-cover h4 { font-size: calc(0.8rem + 0.6vw); } .m-cover h5 { font-size: calc(0.8rem + 0.6vw); } } .m-cover .wp-block-cover__inner-container { width: fit-content; } .m-fit-content { width: fit-content; } /** * 封面样式 **/ .wp-block-cover, .wp-block-cover-image { background-color: #fff; } /** * 新闻列表样式 **/ .m-news .card img { width: 100% !important; transition: all 0.5s ease 0s; } .m-news .card:hover img { -webkit-filter: brightness(.5); filter: brightness(.5); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .m-news .card-body { text-align: center; padding: 1rem; } .m-news .card { border: 0; } .m-news .card-body { text-align: left; } .m-news .card-subtitle{ height: 24px; } .m-news .card-title a{ color: #626262; } .m-news .card-text{ color: #999999; } /** * 固定滚动条,防抖动 **/ html { overflow-y: scroll; } /** 新闻内容大屏下模仿公众号宽度显示 **/ @media screen and (min-width: 1024px) { .m-content-wx { max-width: 677px; margin-left: auto; margin-right: auto; } } /** 首页新闻区块效果 */ .m-effect figure>img, .m-effect figure>a>img{ /* -webkit-transition: -webkit-transform 12s cubic-bezier(.23,1,.32,1); transition: -webkit-transform 12s cubic-bezier(.23,1,.32,1); transition: transform 12s cubic-bezier(.23,1,.32,1); transition: transform 12s cubic-bezier(.23,1,.32,1),-webkit-transform 12s cubic-bezier(.23,1,.32,1); */ /* -webkit-transform: scale(1); transform: scale(1); */ transition: all 0.5s ease 0s; } .m-effect figure{ overflow: hidden; } .m-effect:hover figure>img, .m-effect:hover figure>a>img{ -webkit-transform: scale(1.1); transform: scale(1.1); /* filter: saturate(200%); */ filter: brightness(.5); } .m-effect figcaption>img{ position: relative; transform: none; left: 0px; -webkit-transition: .4s; transition: .4s; } .m-effect:hover figcaption> img{ left: 18px; } /** 视频平铺 */ .m-content .wp-block-video video{ width: 100%; } /** 画廊标题字体大小 **/ .m-font-large.wp-block-gallery .blocks-gallery-item figcaption a { font-size: large; } /** 画廊不要边距 **/ .m-gallery-item-no-m.wp-block-gallery .blocks-gallery-item { margin:0; } /** hover效果 **/ .m-bt-color .blocks-gallery-item::after { content: ''; opacity: 0; background: red; width: 0px; position: absolute; left: 50%; bottom: 0px; transition: all 0.6s ease 0s; } .m-bt-color:hover .blocks-gallery-item::after { content: ''; height: 20px; background: red; width: 100%; position: absolute; left: 0px; bottom: 0px; opacity: 0.4; } /** 人才招骋样式 **/ @media(max-width: 767px){ .m-news .card-subtitle { height: 14px; } .m-zp h1,.m-cp h1{ font-size: calc(1.0rem + 1.3vw); } .m-zp h2,.m-cp h1{ font-size: calc(1.0rem + 0.9vw); } .m-zp h5,.m-cp h1{ font-size: calc(0.8rem + 0.1vw); font-weight: 800; } .m-zp .wp-block-button__link { padding: 4px 16px; } } @media(max-width: 767px){ .m-cp h1{ font-size: calc(1.0rem + 1.0vw); } .m-auto .wp-block-cover{ min-height: 200px !important; } .cd-horizontal-timeline .timeline{ margin-top: -10px; } .cd-horizontal-timeline ol{ padding-left: 0px; } .cd-horizontal-timeline{ margin: 0px; } } .m-cpzx-color{ background-color: #dce5ec; height: 100%; } .m-auto-font { font-size: calc(1em + 1vw); } .m-col{ line-height: 35px; } .m-c{ padding-top: 15px; } .footer{ padding-bottom: 1.5rem!important; } .m-cpzx{ font-size: 42px; } .m-qywh .blocks-gallery-item__caption{ font-size: 16px !important; } .m-mt-rz{ margin-top: 3rem!important; } .m-mt-footer{ margin-top: 3rem!important; } .m-mb-xwzx{ margin-bottom: 1.5rem!important; } @media (max-width: 768px) { .m-news .card-body { padding: 0.5rem; } .m-mb-xwzx{ margin-bottom: 0px!important; } .m-col{ line-height: 20px; } .m-mt-rz{ margin-top: 1rem!important; } .m-mt-footer{ margin-top: 1rem!important; } .m-mt-rz .blocks-gallery-item{ margin-bottom: 0px; } .m-footer-c{ color: #7B7B7B; } .mb-none{ display: none; } .mb-text-left{ text-align: left; } .m-row{ display: flex; padding-bottom: 25px; flex-wrap: wrap; font-size: 14px; } .m-col{ padding-right: 10px; } .footer{ padding-bottom: 0!important; } .m-c{ font-size: 11px; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color:#C7C7C7; padding-bottom: 15px; } .blocks-gallery-item>figure>img { width: 100%; } .navbar-toggler{ font-size: 1rem; } .m-logo{ width: 80%; } h1, .h1 { font-size: calc(1rem + 1.5vw); } .m-img-text strong { font-size: 1rem; } .wp-block-gallery.m-img-text .blocks-gallery-item figcaption a { font-size: 1rem; } .wp-block-gallery.m-img-text .blocks-gallery-item figcaption img { vertical-align: text-bottom; } .m-cpzx{ font-size: 24px; } .m-about p{ font-size: 15px; } .m-accordion .sub-item { font-size: 15px; } .m-product { font-size: 14px; } .m-cp .m-content { font-size: 15px; } .m-lx .m-h1{ font-size: calc(1.0rem + 1.0vw); } .m-lx .m-col-1{ text-align: left; } .m-lx .m-font-12{ font-size: 12px; } .m-lx .m-cover{ min-height: 310px; } .m-h1{ font-size: calc(1.0rem + 1.0vw); } .m-h2{ font-size: 15px !important; } .m-font-13{ font-size: 13px !important; } .m-font-12{ font-size: 12px !important; } .m-qywh .wp-block-cover { min-height: 230px !important; } .m-xwzx .card-title { font-size: 13px; font-weight: bold; } .m-zplb { display: none; } .m-col-zp-font { font-size: calc(0.8rem + 0.1vw); line-height: 1.2; font-weight: 800; } }