/* ----------------------------------- 方法变量 Create Time : 2014-07-22 Update Time : 2015-08-03 Author : Trueland Development Department ----------------------------------- */ /* ---------------------- 普通方法 ---------------------- 1 .opc() // 透明度 - 传整数 50 代表 0.5 2 .pos(r) // 定位方式 - 必须传参，r 代表relative || a 代表absolute || f 代表 fixed 3 .font() // 字体大小 - 默认12px 4 .align() // 文本对齐 - 默认 center 5 .lineH() // 行高设置 - 默认 20px 11 .arrow(r) // 三角箭头 - 必须传参 l:向左箭头 | r:向右箭头 | t:向上箭头 | b:向下箭头 12 .float() // 快速浮动 - 默认为 left || left: 向左浮动 | right:向右浮动 13 .fontC(d) // 字大小写 - 比传参数 d 为 大写 s 为首字母大写 14 .fontB() // 字体粗细 - 默认加粗 fontB(100) 传100 就是 变细 ---------------------- CSS3 方法 ---------------------- 01 .borderR() // 圆角设置 - 默认为 5px 02 .linearG(red,blue) // 线性渐变 - 两个颜色值 是开始到结束 目前支持 *上下* 渐变 03 .bgFull // 背景充满 - 背景等比例拉伸 使用 ：bgFull; 04 .css3Tansition() // 过度属性 - 默认两个值 前者是过渡动画时间 后者是过渡动画效果 使用 : .css3tansition(.4s,ease) //滤镜 05 .filterBlur() // 滤镜模糊 - 使用 ：.filterBlur(2px); 默认 5px 06 .filterGrayscale() // 滤镜灰度 - 使用 ：.filterGrayscale(100%); 默认100% ★注意参数 是 0%~100$; 100%代表全灰 07 .filterSepia() // 滤镜褐色 - 使用 ： .filterSepia(1); 默认1 ★注意参数 (同上) 08 .filterBrightness() // 滤镜亮度 - 使用 ： .filterBrightness(10); 默认5 ★注意参数 10代表100% 5代表50% 09 .filterHue() // 滤镜色相 - 使用 ： .filterHue(180deg); 默认180deg ★注意参数 0deg~360deg 10 .filterInvert() // 滤镜反色 - 使用 ： .filterInvert(1); 默认1 ★注意参数 0.1~1 1代表100% 11 .filterSaturate() // 滤镜饱和 - 使用 ： .filterSaturate(5); 默认5 ★注意参数 5 代表 50% 12 .filterContrast() // 滤镜对比 - 使用 ： .filterContrast(1.5); 默认1.5 ★注意参数 1.5代表 15% ---------------------- 普通嵌套 ---------------------- 01 .vcenter // 垂直水平居中 02 .tHide // 文本超出隐藏省略 03 .blockFull // 块状元素 宽高100% 04 .block // 块状元素 没有设置宽高 05 .centerBlock // 左右居中 05 .clearfix // 清除浮动 ----------------------------------- */ .bgFull { background-position: center center; background-repeat: no-repeat; background-size: cover; -ms-behavior: url(../images/cover.htc); behavior: url(css/cover.htc); } .vcenter { display: block; max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .tHide { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .blockFull { display: block; width: 100%; height: 100%; position: relative; } .block { display: block; position: relative; } .centerBlock { margin-left: auto; margin-right: auto; } .clearfix { clear: both; } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #ffffff url("../images/ajax-loader.gif") center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev, .slick-next { z-index: 20; position: absolute; display: block; height: 60px; width: 30px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -30px; padding: 0; border: none; outline: none; border: 1px solid red; } .slick-prev { left: 30px; } [dir="rtl"] .slick-prev { left: auto; right: 30px; } .slick-next { right: 30px; } [dir="rtl"] .slick-next { left: 30px; right: auto; } .slick-dots { position: absolute; bottom: 20px; height: auto; list-style: none; display: block; text-align: center; padding: 0; width: 100%; line-height: 0; } .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; display: block; height: 10px; width: 10px; padding: 0; margin: 0; outline: none; line-height: 0; font-size: 0; cursor: pointer; background: #cccccc; border-radius: 0px; } .slick-dots li.slick-active button { background: #333333; } /* jQuery.mmenu CSS */ /* jQuery.mmenu oncanvas CSS */ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-menu > .mm-panel { background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-menu > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; line-height: 20px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before { border-color: inherit; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-menu > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-prev:before, .mm-next:after, .mm-arrow:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 20px; } .mm-next:after, .mm-arrow:after { border-top: none; border-left: none; right: 20px; } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu autoHeight addon CSS */ .mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight { max-height: 80%; } .mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen { max-height: 100%; } .mm-menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu dividers addon CSS */ .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu iconpanels addon CSS */ .mm-iconpanel .mm-panel { -webkit-transition-property: -webkit-transform, left, right; -moz-transition-property: -moz-transform, left, right; -ms-transition-property: -ms-transform, left, right; -o-transition-property: -o-transform, left, right; transition-property: transform, left, right; } .mm-iconpanel .mm-panel.mm-opened { border-left: 1px solid; border-color: inherit; } .mm-iconpanel .mm-panel.mm-subopened { overflow-y: hidden; left: -40px; right: 40px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0px; } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px; } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px; } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px; } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px; } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px; } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px; } .mm-subblocker { background: inherit; opacity: 0; display: block; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .mm-subopened .mm-subblocker { opacity: 0.6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3; } /* jQuery.mmenu navbars addon CSS */ .mm-menu > .mm-navbar { background: inherit; padding: 0; z-index: 3; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-navbar-bottom { border-top-width: 1px; border-top-style: solid; border-bottom: none; top: auto; bottom: 0; } .mm-navbar-top ~ .mm-navbar-top { border-bottom: none; } .mm-navbar-bottom ~ .mm-navbar-bottom { border-top: none; } .mm-navbar.mm-hasbtns { padding: 0 40px; } .mm-close:after { content: 'x'; } .mm-navbar[class*="mm-navbar-content-"] > * { box-sizing: border-box; display: block; float: left; } .mm-navbar > .mm-breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px; } .mm-navbar > .mm-breadcrumbs > * { display: inline-block; padding: 10px 3px; } .mm-navbar > .mm-breadcrumbs > a { text-decoration: underline; } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px; } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs { margin-left: 0; padding-left: 0; } .mm-navbar-top-1 { top: 0px; } .mm-hasnavbar-top-1 .mm-panel { top: 40px; } .mm-hasnavbar-top-1 .mm-indexer { top: 50px; } .mm-hasnavbar-top-1 .mm-fixeddivider { top: 40px; } .mm-navbar-top-2 { top: 40px; } .mm-hasnavbar-top-2 .mm-panel { top: 80px; } .mm-hasnavbar-top-2 .mm-indexer { top: 90px; } .mm-hasnavbar-top-2 .mm-fixeddivider { top: 80px; } .mm-navbar-top-3 { top: 80px; } .mm-hasnavbar-top-3 .mm-panel { top: 120px; } .mm-hasnavbar-top-3 .mm-indexer { top: 130px; } .mm-hasnavbar-top-3 .mm-fixeddivider { top: 120px; } .mm-navbar-top-4 { top: 120px; } .mm-hasnavbar-top-4 .mm-panel { top: 160px; } .mm-hasnavbar-top-4 .mm-indexer { top: 170px; } .mm-hasnavbar-top-4 .mm-fixeddivider { top: 160px; } .mm-navbar-bottom-1 { bottom: 0px; } .mm-hasnavbar-bottom-1 .mm-panel { bottom: 40px; } .mm-hasnavbar-bottom-1 .mm-indexer { bottom: 50px; } .mm-navbar-bottom-2 { bottom: 40px; } .mm-hasnavbar-bottom-2 .mm-panel { bottom: 80px; } .mm-hasnavbar-bottom-2 .mm-indexer { bottom: 90px; } .mm-navbar-bottom-3 { bottom: 80px; } .mm-hasnavbar-bottom-3 .mm-panel { bottom: 120px; } .mm-hasnavbar-bottom-3 .mm-indexer { bottom: 130px; } .mm-navbar-bottom-4 { bottom: 120px; } .mm-hasnavbar-bottom-4 .mm-panel { bottom: 160px; } .mm-hasnavbar-bottom-4 .mm-indexer { bottom: 170px; } .mm-navbar-size-2 { height: 80px; } .mm-navbar-size-3 { height: 120px; } .mm-navbar-size-4 { height: 160px; } .mm-navbar-content-2 > * { width: 50%; } .mm-navbar-content-3 > * { width: 33.33%; } .mm-navbar-content-4 > * { width: 25%; } .mm-navbar-content-5 > * { width: 20%; } .mm-navbar-content-6 > * { width: 16.67%; } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-search { height: 40px; padding: 7px 10px 0 10px; } .mm-search input { border: none; border-radius: 26px; font: inherit; font-size: 14px; line-height: 26px; outline: none; display: block; width: 100%; height: 26px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-panel > .mm-search { width: 100%; position: absolute; top: 0; left: 0; } .mm-panel.mm-hassearch { padding-top: 40px; } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px; } .mm-panel.mm-hassearch.mm-hasnavbar .mm-search { top: 40px; } .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 40px 0; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-noresults .mm-indexer { display: none !important; } li.mm-nosubresults > a.mm-next { display: none; } li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span { padding-right: 10px; } .mm-menu .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu sectionIndexer addon CSS */ .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 10px; bottom: 10px; right: -100px; z-index: 3; -webkit-transition: right 0.4s ease; -moz-transition: right 0.4s ease; -ms-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-indexer a { text-decoration: none; display: block; height: 3.85%; } .mm-indexer ~ .mm-panel.mm-hasindexer { padding-right: 40px; } .mm-hasindexer .mm-indexer { right: 0; } .mm-hasindexer .mm-fixeddivider { right: 20px; } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; top: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-top: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check { bottom: auto; margin-top: 0; } li.mm-vertical label.mm-toggle { top: 5px; } li.mm-vertical label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } a.mm-next + label.mm-toggle, a.mm-next + label.mm-check { right: 60px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { margin-right: 50px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px; } em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check { right: 100px; } em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span { margin-right: 90px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu label.mm-toggle:before { background: #f3f3f3; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, 0.7); } /* jQuery.mmenu borderstyle extension CSS */ .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none; } .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important; } /* jQuery.mmenu effects extension CSS */ html.mm-effect-zoom-menu .mm-menu.mm-offcanvas { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-effect-zoom-menu { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-effect-zoom-menu { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-effect-zoom-menu { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-effect-slide-menu.mm-opened .mm-menu.mm-effect-slide-menu { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } html.mm-effect-slide-menu.mm-opening .mm-menu.mm-effect-slide-menu { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-effect-slide-menu { -webkit-transform: translate3d(30%, 0, 0); -moz-transform: translate3d(30%, 0, 0); -ms-transform: translate3d(30%, 0, 0); -o-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-effect-slide-menu { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } html.mm-effect-fade-menu .mm-menu.mm-effect-fade-menu { opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } html.mm-effect-fade-menu.mm-opening .mm-menu.mm-effect-fade-menu { opacity: 1; } .mm-menu.mm-effect-zoom-panels .mm-panel { -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } .mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(1) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(2) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(3) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(4) { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(5) { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(6) { -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(7) { -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(8) { -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(9) { -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview > li { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu multiline extension CSS */ .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { text-overflow: clip; white-space: normal; } /* jQuery.mmenu pageshadow extension CSS */ .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; } .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-top { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-top, .mm-menu.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ .mm-menu.mm-theme-dark { background: #333333; border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333; } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-white { background: white; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white .mm-navbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li .mm-next:after, .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background: white; } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-black { background: black; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black .mm-navbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li .mm-next:after, .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-divider { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-fixeddivider span { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-pageshadow.mm-theme-black:after { content: none; display: none; } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background: black; } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* jQuery.mmenu tileview extension CSS */ .mm-menu.mm-tileview .mm-listview:after, .mm-menu .mm-tileview.mm-listview:after { content: ''; display: block; clear: both; } .mm-menu.mm-tileview .mm-listview > li, .mm-menu .mm-tileview.mm-listview > li { width: 50%; height: 0; padding: 50% 0 0 0; float: left; position: relative; } .mm-menu.mm-tileview .mm-listview > li:after, .mm-menu .mm-tileview.mm-listview > li:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs { width: 12.5%; padding-top: 12.5%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-s, .mm-menu .mm-tileview.mm-listview > li.mm-tile-s { width: 25%; padding-top: 25%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-l, .mm-menu .mm-tileview.mm-listview > li.mm-tile-l { width: 75%; padding-top: 75%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl { width: 100%; padding-top: 100%; } .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span, .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span { line-height: 1px; text-align: center; padding: 50% 10px 0 10px; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0; } .mm-menu.mm-tileview .mm-listview > li > .mm-next, .mm-menu .mm-tileview.mm-listview > li > .mm-next { width: auto; } .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu .mm-tileview.mm-listview > li > .mm-next:after { content: none; display: none; } .mm-menu.mm-tileview .mm-panel { padding-left: 0; padding-right: 0; } .mm-menu.mm-tileview .mm-panel:after { content: none; display: none; } .mm-menu.mm-tileview .mm-listview { margin: 0; } body { max-width: 1920px; margin-left: auto; margin-right: auto; } .container { margin-right: auto; margin-left: auto; max-width: 83.05%; width: 100%; } img { max-width: 100%; } .header { width: 100%; height: 70px; position: fixed; left: 0; top: 0px; z-index: 9; background-color: #ffffff; overflow: hidden; } .header .logo { margin-top: 3px; float: left; width: 20%; display: block; padding-top: 0px; } .header .nav { float: right; padding-top: 25px; } .header .nav ul li { float: left; margin-left: 40px; padding-bottom: 8px; border-bottom: 2px solid transform; } .header .nav ul li:first-child { margin-left: 0; } .header .nav ul li a { display: block; color: #7d7d7d; font-size: 20px; } .header .nav ul li a:hover, .header .nav ul li.cur a { color: #0a743f; } .header .nav ul li:hover, .header .nav ul li.cur { border-bottom: 2px solid #0a743f; color: #0a743f; } .header .navbtn { position: absolute; right: 10px; top: 50%; width: 4%; margin-top: -2%; overflow: hidden; z-index: 999; line-height: 0; display: none; } .down_more { position: absolute; left: 50%; bottom: 40px; margin-left: -2.734375%; width: 5.46875%; z-index: 2; } .banner_box { position: relative; z-index: 1; } .banner_box .num { position: absolute; bottom: 40px; left: 8.3%; width: 100%; z-index: 2; color: #fff; font-size: 16px; } .banner_box .num i { float: left; width: 30px; height: 2px; background: #fff; display: block; margin-top: 6px; margin-right: 5px; } .banner_box .num em { position: relative; top: -3px; display: block; float: left; width: 22px; height: 21px; background: url(../images/xian.png) no-repeat center center; } .banner_box .num span { float: left; display: block; margin: 0 5px; font-family: arial; line-height: 22px; } .banner_box .num .on { position: relative; top: -3px; font-size: 26px; } .banner { width: 100%; } .banner img { width: 100%; } .banner .box { position: relative; } .banner .box .text { position: absolute; left: 0; top: 0; width: 43.54%; } .banner .box .text .t { margin-top: 36%; width: 62.79%; margin-left: 18.8%; line-height: 0; } .banner .slick-prev, .banner .slick-next { width: 48px; height: 48px; margin-top: 0; top: auto; bottom: 98px; border: none; } .banner .slick-prev { background: url(../images/prev.png) no-repeat center center / cover; left: 8.3%; } .banner .slick-next { background: url(../images/next.png) no-repeat center center / cover; right: auto; left: 12.2%; } /*插入视频后需显示下方样式 .bottom_animate { transition: all 1.5s; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0) ; transform: translateY(0); } .banner_animate { opacity: 0; -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); }*/ .nybanner{ height:700px; overflow:hidden;} .bottom_animate { transition: all 2s; opacity: 0; -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); } .banner_animate { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /**底部**/ .footer { background: #1f2833; padding: 40px 0; } .footer h3 { color: #bcbdbf; font-size: 18px; margin-bottom: 20px; } .footer .left { float: left; width: 35%; } .footer .left .text_dz { color: #787e85; font-size: 14px; line-height: 36px; } .footer .left .text_dz p { padding-left: 28px; position: relative; } .footer .left .text_dz p:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -9.5px; width: 18px; height: 19px; } .footer .left .text_dz .d1:before { background: url(../images/foot_icon1.png) no-repeat center center / cover; } .footer .left .text_dz .d2:before { background: url(../images/foot_icon2.png) no-repeat center center / cover; } .footer .left .text_dz .d3:before { background: url(../images/foot_icon3.png) no-repeat center center / cover; } .footer .left .text_dz .d4:before { background: url(../images/foot_icon4.png) no-repeat center center / cover; } .footer .min { float: left; width: 40%; } .footer .min ol li { float: left; width: 32%; line-height: 36px; margin-right: 2%; border-bottom: 1px solid #373f49; } .footer .min ol li:nth-child(3n) { margin-right: 0; } .footer .min ol li input, .footer .min ol li textarea { height: 36px; line-height: 36px; border: none; background: none; width: 100%; font-size: 14px; font-family: "微软雅黑"; color: #787e85; float: left; } .footer .min ol li textarea { height: 74px; } .footer .min ol li .btn { margin-top: 10px; background: #414a56; height: 40px; line-height: 40px; font-size: 16px; } .footer .right { float: right; } .footer .right .foot_ewm { margin-top: 10px; float: left; text-align: center; margin-left: 15px; } .footer .right .foot_ewm:first-child { margin-left: 0; } .footer .right .foot_ewm span { display: block; line-height: 0; } .footer .right .foot_ewm p { margin-top: 10px; color: #787e85; font-size: 12px; } .banquan { border-top: 1px solid #2a333d; background: #1f2833; padding: 20px 0; text-align: center; color: #4e545c; font-size: 14px; } /**首页内容**/ .index_box { background: url(../images/home_bg.png) no-repeat; min-height: 730px; position: relative; z-index: 2; } .index_box .left { width: 40%; float: left; } .index_box .left ol { margin-top: 10%; } .index_box .left ol li { float: left; width: 33.33333333%; text-align: center; } .index_box .left ol li .bt { color: #00713b; font-size: 50px; font-weight: bold; font-family: arial; } .index_box .left ol li .bt span { font-size: 20px; font-weight: normal; display: inline-block; margin-left: 10px; } .index_box .left ol li p { color: #666666; font-size: 18px; } .index_box .left .text { margin-top: 0px; color: #57667d; font-size: 18px; padding-top: 90px; } .index_box .left .text h1 { margin: 0 0 5% 0; } .index_box .right { float: right; width: 60%; } .more { width: 150px; height: 50px; line-height: 50px; margin: 0 auto; background-color: #00713b; overflow: hidden; text-align: center; margin-top: 2%; } .more a { color: #FFF; display: block; } .index_box .right .top { background: #009045; padding: 0 54px; height: 100px; margin-top: -100px; position: relative; } .index_box .right .top p { padding-top: 18px; color: #fff; font-size: 20px; font-family: arial; } .index_box .right .top h3 { color: #FFFFFF; font-size: 26px; margin-top: 5px; } .index_box .right .top .down { position: absolute; right: 0; top: 0; line-height: 0; } .index_box .right ul { padding: 0 54px; padding-top: 90px; } .index_box .right ul li { float: left; width: 100%; border-top: 1px solid #dae3ef; padding: 30px 0; } .index_box .right ul li:first-child { border-top: none; } .index_box .right ul li .icon { float: left; max-width: 48px; width: 100%; line-height: 0; } .index_box .right ul li .text { float: right; max-width: 240px; width: 100%; } .index_box .right ul li .text h3 { color: #2d3b49; font-size: 20px; } .index_box .right ul li .text p { color: #363b40; font-size: 14px; margin-top: 4px; } .index_box2 { padding: 75px 0 5%; background-position: center center; background-repeat: no-repeat; background-image: url(../images/snmd_r6_c1.jpg); min-height: 877px; } .index_box2 .title .left { float: left; } .index_box2 .title .left span { color: #627187; font-size: 20px; font-family: arial; } .index_box2 .title .left h3 { color: #2d3b49; font-size: 28px; } .index_box2 .title .left p { margin-top: 7px; color: #757a82; font-size: 14px; } .index_box2 .title .right { height: 72px; margin: 0 auto; overflow: hidden; } .index_box2 .title .right ol { width: 870px; margin: 0 auto; } .index_box2 .title .right ol li { float: left; padding: 10px 27px; cursor: pointer; position: relative; background-color: #FFF; margin-left: 2%; } .index_box2 .title .right ol li:before { content: ""; position: absolute; left: 50%; bottom: -9px; width: 20px; height: 9px; margin-left: -10px; background: url(../images/icon3.png) no-repeat center center / cover; display: none; } .index_box2 .title .right ol li .icon { display: block; float: left; width: 38px; height: 38px; } .index_box2 .title .right ol li .v3 { background: url(../images/home_icon7.png) no-repeat center center / cover; } .index_box2 .title .right ol li .text { float: left; margin-left: 10px; margin-top: -1px; } .index_box2 .title .right ol li .text .bt { color: #009045; font-size: 16px; } .index_box2 .title .right ol li .text p { color: #363b40; font-size: 14px; font-family: arial; } .index_box2 .title .right ol li:hover, .index_box2 .title .right ol li.cur { background: #009045; border-radius: 3px; } .index_box2 .title .right ol li:hover:before, .index_box2 .title .right ol li.cur:before { display: block; } .index_box2 .title .right ol li:hover .text .bt, .index_box2 .title .right ol li.cur .text .bt, .index_box2 .title .right ol li:hover .text p, .index_box2 .title .right ol li.cur .text p { color: #fff; } .index_box2 .pro_box { margin-top: 1%; } .index_box2 .pro_box ol li { float: left; width: 48.7%; background: #fcfdff; margin-left: 0.75%; overflow: hidden; border: 1.5px solid #aaaaaa; } .index_box2 .pro_box ol li .img { position: relative; line-height: 0; border-bottom: 1.5px solid #aaaaaa; } .index_box2 .pro_box ol li .img img {transition: all 1.2s; -o-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -webkit-transition: all 1.2s; } .index_box2 .pro_box ol li:hover .img img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); } .index_box2 .pro_box ol li .img span { position: absolute; right: 30px; bottom: -20px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; padding: 0 22px; border-radius: 50px; display: block; background: #009045; z-index: 3; } .index_box2 .pro_box ol li .text { padding: 25px 30px; position: relative; z-index: 2; background: #fff; } .index_box2 .pro_box ol li .text h3 { color: #2d3b49; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; margin-bottom: 28px; width: 70%; } .index_box2 .pro_box ol li .text p { color: #1a1c1e; font-size: 15px; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .index_box2 .pro_box ol li .text span { margin-top: 9px; display: inline-block; color: #009045; font-size: 14px; text-transform: uppercase; background: url(../images/more2.png) no-repeat right center; padding-right: 32px; float: right; width: 15%; white-space:nowrap; } .index_box2 .pro_box .slick-prev, .index_box2 .pro_box .slick-next { width: 34px; height: 67px; border: none; top: 35%; margin-top: 0; } .index_box2 .pro_box .slick-prev { background: url(../images/left2.png) no-repeat center center / cover; left: -80px; } .index_box2 .pro_box .slick-next { background: url(../images/right2.png) no-repeat center center / cover; right: -80px; } .index_box2 .pro_box .slick-dots { bottom: -50px; } .index_box2 .pro_box .slick-dots li button { width: 50px; height: 4px; background: #c8d9f2; } .index_box2 .pro_box .slick-dots li.slick-active button { background: #009045; } .index_box3 { background: url(../images/home_bg3.jpg) no-repeat center top; padding: 75px 0; } .index_box3 .title { line-height: 44px; margin-bottom: 25px; } .index_box3 .title h3 { float: left; color: #2d3b49; font-size: 28px; } .index_box3 .title h3 span { font-size: 22px; font-weight: normal; color: #e1e2e2; display: inline-block; margin-left: 10px; } .index_box3 .title a { float: right; display: block; line-height: 44px; border: 1px solid #d1d1d1; padding: 0 20px; color: #727272; font-size: 16px; } .index_box3 .home_news, .index_box3 .home_video { width: 48%; } .index_box3 .home_news .box { width: 100%; } .index_box3 .home_news .box .top { position: relative; } .index_box3 .home_news .box .top .img { line-height: 0; overflow: hidden; } .index_box3 .home_news .box .top .img img { width: 100%; } .index_box3 .home_news .box .top .text { position: absolute; left: 0; bottom: 0; width: 100%; background: #009045; padding: 25px 30px; } .index_box3 .home_news .box .top .text .bt { line-height: 24px; color: #ffffff; font-size: 20px; } .index_box3 .home_news .box .top .text .bt h3 { float: left; max-width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .index_box3 .home_news .box .top .text .bt span { float: right; font-family: arial; } .index_box3 .home_news .box .top .text p { margin-top: 12px; color: #fff; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; } .index_box3 .home_news .box ol li { float: left; width: 100%; line-height: 46px; font-size: 16px; padding-left: 15px; position: relative; margin-bottom: 5%; } .index_box3 .home_news .box ol li a { display: block; float: left; max-width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #000000; padding-left: 2%; line-height: 20px; } .index_box3 .home_news .box ol li span { float: left; color: #00713a; font-family: arial; border: dashed 1px #00713a; text-align: center; line-height: 20px; padding-bottom: 2%; font-weight: 600; } .index_box3 .home_news .box ol li span b { float: left; color: #00713a; font-family: arial; display: block; float: left; font-size: 24px; width: 100%; padding-bottom: 7%; width: 100%; padding-top: 15%; } .index_box3 .home_news .box ol li .text { padding-left: 2%; float: left; line-height: 25px; width: 79%; overflow: hidden; height: 50px; font-size: 13px; color: #4b4b4b; } .index_box3 .home_news .box ol li:hover:before { background: url(../images/icon2.png) no-repeat center center / cover; } .index_box3 .home_news .box ol li:hover a, .index_box3 .home_news .box ol li:hover span { color: #009045; } .index_box3 .video_center { position: relative; } .index_box3 .video_box .box .video_img { position: relative; } .index_box3 .video_box .box .video_img .btn img { display: block; max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .index_box3 .video_box .box .text { padding-top: 10px; } .index_box3 .video_box .box .text .bt { line-height: 24px; color: #32383e; font-size: 20px; } .index_box3 .video_box .box .text .bt h3 { float: left; max-width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 15px; } .index_box3 .video_box .box .text .bt span { color: #999999; float: right; font-family: arial; } .index_box3 .video_box .box .text p { margin-top: 10px; color: #666666; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; } .index_box3 .video_box .box .text a { margin-top: 14px; display: inline-block; color: #009045; font-size: 14px; text-transform: uppercase; background: url(../images/more2.png) no-repeat right center; padding-right: 32px; } .index_box3 .video_box .slick-prev, .index_box3 .video_box .slick-next { width: 40px; height: 75px; border: none; top: 40%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .index_box3 .video_box .slick-prev { background: url(../images/left_1.png) no-repeat center center / cover; left: 0; } .index_box3 .video_box .slick-next { background: url(../images/right_1.png) no-repeat center center / cover; right: 0; } /**联系我们**/ .title_info { width: 33%; float: left; color: #fff; } .title_info span { font-size: 50px; font-family: arial; } .title_info h3 { font-size: 60px; } .title_info i { margin-top: 30px; display: block; width: 108px; height: 2px; background: #ffffff; } .contact_top { background-size: cover; min-height: 700px; padding-top: 365px; position: relative; } .contact_top .right_text { float: right; width: 48%; } .contact_top .right_text ol li { float: left; width: 25%; color: #fff; } .contact_top .right_text ol li em { font-style: normal; display: block; transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .contact_top .right_text ol li .icon { line-height: 0; } .contact_top .right_text ol li .icon img { height: 67px; } .contact_top .right_text ol li .text { border-top: 2px solid #ffffff; padding-top: 20px; margin-top: 20px; } .contact_top .right_text ol li .text h3 { color: #fefeff; font-size: 20px; } .contact_top .right_text ol li .text p { margin-top: 10px; color: #fefeff; font-size: 16px; } .wtfk_box { background: #eefbf4; padding: 75px 0; } .wtfk_box .title span { color: #627187; font-size: 20px; font-family: arial; } .wtfk_box .title h3 { color: #2d3b49; font-size: 28px; } .wtfk_box .title p { margin-top: 7px; color: #757a82; font-size: 16px; } .wtfk_box .wtfk_text { margin-top: 10px; } .wtfk_box .wtfk_text ol li { float: left; width: 32.5%; margin-top: 20px; margin-right: 1.25%; } .wtfk_box .wtfk_text ol li:nth-child(3n) { margin-right: 0; } .wtfk_box .wtfk_text ol li input, .wtfk_box .wtfk_text ol li textarea { float: left; width: 100%; height: 48px; border: 1px solid #bbc3cd; background: #eefbf4; padding: 0 15px; font-family: "微软雅黑"; font-size: 16px; -webkit-appearance: none; } .wtfk_box .wtfk_text ol li textarea { padding: 15px; height: 148px; } .wtfk_box .wtfk_text ol li .btn { width: 148px; height: 50px; background: #009045; border-radius: 50px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; border: none; } /**新闻资讯**/ .menus{background: #eefbf4; padding: 0px 0px; margin:0 auto; /*display:none;*/ overflow:hidden;} .menus p{padding: 1% 3%; float: left; display: table-column-group; /* position: relative; */ /* left: 4%; */ background: #009045; border-radius: 3px; margin-left: 2%; width: 22.5%; display:none;} .menus p a{ display:block; color:#fff;} .news_top { padding-top: 15%; } .news_top .text { max-width: 585px; } .news_top .text .data { color: #ffffff; font-size: 24px; font-family: arial; } .news_top .text .data span { display: inline-block; margin-left: 30px; } .news_top .text h3 { margin-top: 10px; color: #ffffff; font-size: 40px; font-weight: normal; line-height: 60px; height: 120px; overflow: hidden; } .news_top .text a { margin-top: 45px; display: block; width: 140px; height: 50px; line-height: 50px; background: #89cc14; color: #fff; font-size: 16px; text-align: center; border-radius: 50px; } .news_box { background: #eefbf4; padding: 75px 0; } .news_box .left { width: 70%; } .news_box .left ol li { float: left; margin-bottom: 40px; width: 48.8%; } .news_box .left ol li:nth-child(2n) { float: right; } .news_box .left ol li .img { line-height: 0; overflow: hidden; } .news_box .left ol li .text { padding-top: 15px; } .news_box .left ol li .text h3 { color: #484d54; font-size: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news_box .left ol li .text .data { margin: 10px 0; color: #484d54; font-size: 18px; font-family: arial; } .news_box .left ol li .text p { color: #68707a; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; } .news_box .right { width: 26.5%; } .news_box .right .top_tit { background: #fff; padding: 0 35px; line-height: 66px; border-bottom: 1px solid #e0e8f5; } .news_box .right .top_tit h3 { float: left; color: #2a2e34; font-size: 24px; } .news_box .right .top_tit h3 span { font-size: 22px; color: #e1e2e2; font-weight: normal; display: inline-block; margin-left: 10px; } .news_box .right .top_tit a { float: right; display: block; width: 41px; height: 41px; margin-top: 13px; } .news_box .right .news_list { background: #fff; margin-bottom: 20px; } .news_box .right .news_list ol { padding: 0 35px; } .news_box .right .news_list ol li { float: left; line-height: 60px; width: 100%; font-size: 18px; border-top: 1px solid #e0e8f5; padding-left: 18px; position: relative; } .news_box .right .news_list ol li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -4px; width: 9px; height: 9px; background: url(../images/icon1.png) no-repeat center center / cover; } .news_box .right .news_list ol li:first-child { border-top: none; } .news_box .right .news_list ol li a { display: block; color: #5c626a; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news_box .right .news_list ol li:hover:before, .news_box .right .news_list ol li.cur:before { background-image: url(../images/icon2.png); } .news_box .right .news_list ol li:hover a, .news_box .right .news_list ol li.cur a { color: #009045; } .news_box .right .news_list2 ol li a { float: left; max-width: 63%; } .news_box .right .news_list2 ol li span { float: right; font-family: arial; } .news_box .right .video_list { background: #fff; padding-bottom: 30px; } .news_box .right .video_list ol { padding: 0 35px; } .news_box .right .video_list ol li { float: left; width: 100%; margin-top: 25px; } .news_box .right .video_list ol li .video_img { position: relative; } .news_box .right .video_list ol li .video_img .btn img { display: block; max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 66px; height: 66px; } .news_box .right .video_list ol li .text { padding-top: 12px; line-height: 26px; } .news_box .right .video_list ol li .text h3 { font-weight: normal; float: left; max-width: 70%; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news_box .right .video_list ol li .text h3 a { display: block; color: #69727d; } .news_box .right .video_list ol li .text span { font-size: 16px; font-family: arial; float: right; color: #9fa4ab; } /**新闻详细**/ .news_list { background: #fff; padding:40px; } .news_list h1 { color: #2a2e34; font-size: 30px; } .news_list .data { margin-top: 16px; line-height: 16px; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; } .news_list .data span { float: left; display: block; color: #b4b4b4; font-size: 13px; } .news_list .data .fx { margin-left: 30px; float: left; } .news_list .data .fx a { display: block; float: left; line-height: 16px; margin-right: 10px; } .news_list .detail_con { color: #2a2e34; font-size: 16px; line-height: 30px; padding: 30px 0 35px; border-bottom: 1px solid #ebebeb; } .news_list .fenye_btn { padding-top: 30px; } .news_list .fenye_btn ul { float: left; width: 65%; } .news_list .fenye_btn ul li { float: left; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 15px; line-height: 40px; } .news_list .fenye_btn ul li:first-child { margin-top: 0; } .news_list .fenye_btn ul li a { display: inline-block; color: #707274; font-size: 15px; } .news_list .fenye_btn ul li span { display: inline-block; width: 90px; height: 40px; border: 2px solid #cecfd0; border-radius: 50px; text-align: center; line-height: 36px; margin-right: 18px; } .news_list .fenye_btn ul li:hover span { color: #fff; border-color: #009045; background: #009045; } .news_list .fenye_btn .return { float: right; display: block; border: 2px solid #cecfd0; line-height: 36px; color: #707274; font-size: 15px; border-radius: 50px; padding: 0 25px; } .news_list .fenye_btn .return:hover { color: #fff; border-color: #009045; background: #009045; } /**招贤纳士**/ .recruit_top { padding-top: 310px; } .recruit_top .title_info { width: 35.5%; } .recruit_top .title_info p { margin-top: 25px; color: #ffffff; font-size: 18px; line-height: 30px; } .recruit_top .join_right { width: 35.5%; float: right; } .recruit_top .join_right ol li { float: left; width: 25%; padding-bottom: 20px; border-bottom: 2px solid #fff; text-align: center; } .recruit_top .join_right ol li .icon { line-height: 0; } .recruit_top .join_right ol li .icon img { height: 70px; } .recruit_top .join_right ol li p { margin-top: 18px; color: #ffffff; font-size: 16px; } .recruit_top .join_right .text { padding-top: 25px; } .recruit_top .join_right .text h3 { color: #ffffff; font-size: 26px; } .recruit_top .join_right .text p { margin-top: 10px; color: #ffffff; font-size: 18px; line-height: 30px; } .recruit_box { background: #eefbf4; padding: 75px 0; } .recruit_box .title .left { float: left; } .recruit_box .title .left span { color: #dce2eb; font-size: 20px; font-family: arial; } .recruit_box .title .left h3 { color: #2d3b49; font-size: 28px; } .recruit_box .title .left p { margin-top: 7px; color: #757a82; font-size: 14px; } .recruit_box .title .right { float: right; margin-top: 38px; } .recruit_box .title .right ol li { margin-left: 20px; float: left; min-width: 128px; text-align: center; padding: 0 10px; color: #525e6a; font-size: 18px; cursor: pointer; position: relative; border: 2px solid #cbd3dd; line-height: 45px; border-radius: 50px; } .recruit_box .title .right ol li.cur { background: #009045; border-color: #009045; color: #fff; } .recruit_box .title .right ol li.cur a { color: #fff; } .recruit_box .recruit_tu { margin-top: 40px; } .recruit_box .recruit_tu ol li { float: left; width: 23.5%; line-height: 0; margin-right: 2%; } .recruit_box .recruit_tu ol li:nth-child(4n) { margin-right: 0; } .recruit_box .recruit_tu ol li img { width: 100%; } .recruit_box .recruit_tabs { margin-top: 30px; background: #fff; padding: 28px 55px; } .recruit_box .recruit_tabs ol li { float: left; width: 29%; margin-right: 1%; } .recruit_box .recruit_tabs ol li .box { width: 100%; background: #eefbf4; position: relative; } .recruit_box .recruit_tabs ol li .box span { display: block; border: 1px solid #cad3dd; height: 52px; line-height: 50px; color: #979ca4; font-size: 16px; padding: 0 20px; border-radius: 3px; position: relative; } .recruit_box .recruit_tabs ol li .box span:before { content: ""; position: absolute; right: 20px; top: 50%; margin-top: -6px; width: 21px; height: 12px; background: url(../images/join_jt.png) no-repeat center center / cover; } .recruit_box .recruit_tabs ol li .box .text { z-index: 2; display: none; position: absolute; left: 0; top: 100%; width: 100%; border: 1px solid #cad3dd; background: #eefbf4; border-radius: 3px; padding: 10px 20px; } .recruit_box .recruit_tabs ol li .box .text p { font-size: 14px; color: #666; line-height: 28px; float: left; width: 50%; } .recruit_box .recruit_tabs ol li .t { width: 76%; border: 1px solid #cad3dd; height: 52px; line-height: 50px; color: #979ca4; font-size: 16px; padding: 0 20px; border-radius: 3px; float: left; background: #eefbf4; } .recruit_box .recruit_tabs ol li .d { display: block; float: right; height: 52px; line-height: 52px; background: #89cc14; color: #fff; font-size: 18px; border-radius: 3px; width: 21%; text-align: center; } .recruit_box .recruit_tabs ol li .d i { display: inline-block; width: 22px; height: 22px; background: url(../images/btn.png) no-repeat center center / cover; position: relative; top: 5px; margin-right: 8px; } .recruit_box .recruit_tabs ol .last { width: 40%; margin-right: 0; } .recruit_box .join_list { background: #fff; margin-top: 30px; margin-bottom: 50px; } .recruit_box .join_list table tr th { color: #444444; font-size: 16px; font-weight: normal; padding: 22px 0; border-bottom: 2px solid #e2ecfb; } .recruit_box .join_list table tr td { font-size: 15px; color: #7a8698; padding: 20px 0; text-align: center; border-bottom: 1px solid #e2ecfb; } /**品牌实力**/ .brand_box .title { position: relative; } .brand_box .title .img { position: absolute; right: 0; top: -25px; width: 38%; line-height: 0; } .brand_box ol { margin-top: 50px; } .brand_box ol li { float: left; width: 20%; background: #fff; min-height: 472px; padding: 85px 40px 40px; text-align: center; position: relative; border-left: solid 2px #eefbf4; } .brand_box ol li:first-child { border: none; } .brand_box ol li .icon { height: 100px; overflow: hidden; } .brand_box ol li .icon span { display: block; } .brand_box ol li .icon em { display: none; } .brand_box ol li .icon img { height: 100px; } .brand_box ol li .text { padding-top: 40px; } .brand_box ol li .text h3 { color: #2d3b49; font-size: 22px; } .brand_box ol li .text p { margin-top: 10px; color: #363b40; font-size: 16px; line-height: 24px; } .brand_box ol li .text span { position: absolute; left: 0; bottom: 55px; width: 100%; color: #e0e1e3; font-size: 19px; font-family: arial; } .brand_box ol .pinpaishili_1:hover { background: url(../images/shili1.jpg) no-repeat center center / cover; } .brand_box ol .pinpaishili_2:hover { background: url(../images/shili2.jpg) no-repeat center center / cover; } .brand_box ol .pinpaishili_3:hover { background: url(../images/shili3.jpg) no-repeat center center / cover; } .brand_box ol .pinpaishili_4:hover { background: url(../images/shili4.jpg) no-repeat center center / cover; } .brand_box ol .pinpaishili_5:hover { background: url(../images/shili5.jpg) no-repeat center center / cover; } .brand_box ol li:hover .icon span { display: none; } .brand_box ol li:hover .icon em { display: block; } .brand_box ol li:hover .text h3, .brand_box ol li:hover .text p { color: #fff; } .brand_box ol li:hover .text h3 { font-size: 24px; } .brand_box ol li:hover .text p { font-size: 17px; } /**投资合作**/ .teamwork_box { padding: 75px 0; } .teamwork_box .img { float: left; width: 52%; line-height: 0; } .teamwork_box .text { float: right; width: 44%; } .teamwork_box .text .top span { color: #00713a; font-size: 20px; font-family: arial; } .teamwork_box .text .top h3 { color: #2d3b49; font-size: 28px; } .teamwork_box .text .top i { margin-top: 15px; display: block; width: 55px; height: 3px; background: #d6d7d8; } .teamwork_box .text .t { margin-top: 20px; line-height: 28px; color: #737e8f; font-size: 16px; min-height:196px;} .teamwork_box .text .bottom p { font-size: 94px; font-family: arial; text-transform: uppercase; color: #f4f5f5; } .teamwork_box .text .bottom p span { display: block; font-weight: bold; } .teamwork_box2 { background-color:#d6f7e6; overflow:hidden; } .teamwork_box2 .text { float: left; width: 40%; } .teamwork_box2 .text .t { color: #595a5a; } .teamwork_box2 .text ol { border-top: 1px solid #dce3ec; } .teamwork_box2 .text ol li { margin-top: 50px; float: left; width: 33.33333333%; } .teamwork_box2 .text ol li .icon { float: left; } .teamwork_box2 .text ol li .text_t { float: left; margin-left: 10px; } .teamwork_box2 .text ol li .text_t .bt { color: #2d3b49; font-size: 18px; font-weight: bold; } .teamwork_box2 .text ol li .text_t p { color: #2d3b49; font-size: 14px; font-family: arial; margin-top: 5px; } .teamwork_box2 .img { width: 50%; float: right; line-height: auto; } .teamwork_box2 .img span { display: block; line-height: 0; } .teamwork_box2 .img p { margin-top: 15px; color: #ffffff; font-size: 16px; line-height: 26px; } .teamwork_box3 { padding: 75px 0; } .teamwork_box3 .title { text-align: center; position: relative; } .teamwork_box3 .title .img { position: absolute; left: 0; top: 5px; width: 17.7%; } .teamwork_box3 .title span { color: #dce2eb; font-size: 20px; font-family: arial; } .teamwork_box3 .title h3 { color: #2d3b49; font-size: 28px; } .teamwork_box3 ol { margin-top: 40px; border-top: 1px solid #e5e7e9; border-left: 1px solid #e5e7e9; } .teamwork_box3 ol li { float: left; width: 16.66666667%; border-bottom: 1px solid #e5e7e9; border-right: 1px solid #e5e7e9; line-height: 0; } /**产业集群**/ .big_top { padding-top: 116px; } .big_top .container { padding: 0 5%; } .big_top .img { float: left; width: 67%; line-height: 0; } .big_top .box_text { float: right; width: 20%; padding-top: 200px; } .big_top .box_text .top .icon { float: left; width: 41px; line-height: 0; } .big_top .box_text .top .text { float: left; margin-left: 12px; } .big_top .box_text .top .text p { font-size: 17px; color: #83a9d8; text-transform: uppercase; } .big_top .box_text .top .text .bt { color: #ffffff; font-size: 22px; } .big_top .box_text ol { margin-top: 30px; } .big_top .box_text ol li { float: left; width: 100%; margin-bottom: 15px; } .big_top .box_text ol li .box { width: 100%; position: relative; } .big_top .box_text ol li .box span { display: block; border: 2px solid #e1eaf8; height: 54px; line-height: 50px; color: #ffffff; font-size: 16px; padding: 0 20px; border-radius: 3px; position: relative; } .big_top .box_text ol li .box span:before { content: ""; position: absolute; right: 20px; top: 50%; margin-top: -6px; width: 21px; height: 12px; background: url(../images/pro_jt.png) no-repeat center center / cover; } .big_top .box_text ol li .box .text { z-index: 2; display: none; position: absolute; left: 0; top: 100%; width: 100%; border: 2px solid #fff; background: #fff; border-radius: 3px; padding: 10px 20px; } .big_top .box_text ol li .box .text p { font-size: 14px; color: #666; line-height: 28px; float: left; width: 50%; } .product_box { background: #eefbf4; padding: 75px 0; } .product_box .tab_btn { display: inline-block; position: relative; left: 50%; transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .product_box .tab_btn ol li { float: left; padding: 17px 30px; cursor: pointer; position: relative; } .product_box .tab_btn ol li:before { content: ""; position: absolute; left: 50%; bottom: -9px; width: 20px; height: 9px; margin-left: -10px; background: url(../images/icon3.png) no-repeat center center / cover; display: none; } .product_box .tab_btn ol li .icon { display: block; float: left; width: 38px; height: 38px; } .product_box .tab_btn ol li .v1 { background: url(../images/product_icon1.png) no-repeat center center / cover; } .product_box .tab_btn ol li .v2 { background: url(../images/home_icon5.png) no-repeat center center / cover; } .product_box .tab_btn ol li .v3 { background: url(../images/home_icon6.png) no-repeat center center / cover; } .product_box .tab_btn ol li .v4 { background: url(../images/home_icon7.png) no-repeat center center / cover; } .product_box .tab_btn ol li .text { float: left; margin-left: 10px; margin-top: -1px; } .product_box .tab_btn ol li .text .bt { color: #363b40; font-size: 18px; font-weight: bold; } .product_box .tab_btn ol li .text p { color: #363b40; font-size: 14px; font-family: arial; } .product_box .tab_btn ol li:hover, .product_box .tab_btn ol li.cur { background: #009045; border-radius: 3px; } .product_box .tab_btn ol li:hover:before, .product_box .tab_btn ol li.cur:before { display: block; } .product_box .tab_btn ol li:hover .v1, .product_box .tab_btn ol li.cur .v1 { background-image: url(../images/h_product_icon1.png); } .product_box .tab_btn ol li:hover .v2, .product_box .tab_btn ol li.cur .v2 { background-image: url(../images/h_home_icon5.png); } .product_box .tab_btn ol li:hover .v3, .product_box .tab_btn ol li.cur .v3 { background-image: url(../images/h_home_icon6.png); } .product_box .tab_btn ol li:hover .v4, .product_box .tab_btn ol li.cur .v4 { background-image: url(../images/h_home_icon7.png); } .product_box .tab_btn ol li:hover .text .bt, .product_box .tab_btn ol li.cur .text .bt, .product_box .tab_btn ol li:hover .text p, .product_box .tab_btn ol li.cur .text p { color: #fff; } .product_box .product_list { margin-top: 45px; } .product_box .product_list ol { margin-bottom: 50px; } .product_box .product_list ol li { float: left; width: 48.4375%; background: #fcfdff; margin-bottom: 0.75%; margin-right: 0.75%; overflow: hidden; } .product_box .product_list ol li:nth-child(4n) { margin-right: 0; } .product_box .product_list ol li .img { position: relative; line-height: 0; } .product_box .product_list ol li .img img { transition: all 1.2s; -o-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -webkit-transition: all 1.2s; position: relative; } .product_box .product_list ol li:hover .img img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); } .product_box .product_list ol li .img span { position: absolute; right: 30px; bottom: -20px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; padding: 0 22px; border-radius: 50px; display: block; background: #009045; z-index: 3; } .product_box .product_list ol li .text { padding: 25px 30px; position: relative; z-index: 2; background: #fff; } .product_box .product_list ol li .text h3 { color: #2d3b49; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .product_box .product_list ol li .text p { color: #1a1c1e; font-size: 15px; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .product_box .product_list ol li .text span { margin-top: 14px; display: inline-block; color: #336699; font-size: 14px; text-transform: uppercase; background: url(../images/more2.png) no-repeat right center; padding-right: 32px; } /**关于我们**/ .about_top { padding-top: 260px; } .about_top .title_info .t { margin-top: 30px; color: #ffffff; font-size: 16px; line-height: 26px; } .about_top .title_info a.more { margin-top: 50px; display: block; width: 138px; height: 50px; line-height: 50px; text-align: center; background: #89cc14; border-radius: 50px; color: #fff; font-size: 16px; } .about_top .about_right { float: right; width: 56%; } .about_top .about_right .title3 { color: #ffffff; font-size: 22px; } .about_top .about_right .shuju { margin-top: 20px; border-bottom: 2px solid #9db9cf; padding-bottom: 10px; } .about_top .about_right .shuju li { float: left; color: #fff; padding: 0 13px; position: relative; } .about_top .about_right .shuju li:before { content: ""; position: absolute; right: 0; top: 4px; width: 1px; height: 90px; background: #94b3cc; } .about_top .about_right .shuju li:first-child { padding-left: 0; } .about_top .about_right .shuju li:last-child { padding-right: 0; } .about_top .about_right .shuju li:last-child:before { display: none; } .about_top .about_right .shuju li p { font-size: 16px; } .about_top .about_right .shuju li .bt { font-size: 75px; font-family: arial; font-weight: bold; } .about_top .about_right .shuju li .bt span { font-weight: normal; font-size: 20px; } .about_top .about_right .about_bottom { margin-top: 20px; } .about_top .about_right .about_bottom .about_left { float: left; width: 56%; } .about_top .about_right .about_bottom .about_left .tp_img { line-height: 0; display: block; width: 86%; } .about_top .about_right .about_bottom .about_left .about_bottom_con { margin-top: -15px; } .about_top .about_right .about_bottom .about_left .about_bottom_con ul { margin-top: 15px; } .about_top .about_right .about_bottom .about_left .about_bottom_con ul li { float: left; color: #fff; padding: 0 30px; position: relative; } .about_top .about_right .about_bottom .about_left .about_bottom_con ul li:before { content: ""; position: absolute; right: 0; top: 4px; width: 1px; height: 74px; background: #94b3cc; } .about_top .about_right .about_bottom .about_left .about_bottom_con ul li:first-child { padding-left: 0; } .about_top .about_right .about_bottom .about_left .about_bottom_con ul li:last-child { padding-right: 0; } .about_top .about_right .about_bottom .about_left .about_bottom_con ul li:last-child:before { display: none; } .about_top .about_right .about_bottom .about_left .about_bottom_con ul li .bt { font-size: 48px; font-family: arial; font-weight: bold; } .about_top .about_right .about_bottom .about_left .about_bottom_con ul li .bt span { font-weight: normal; font-size: 18px; } .about_top .about_right .about_bottom .about_left .about_bottom_con ul li p { font-size: 18px; } .about_top .about_right .about_bottom .about_img { float: right; line-height: 0; width: 37%; } /**集团介绍**/ .about_top2 { padding-top: 230px; min-height: 700px; } .about_top2 .about_right .about_bottom .about_left { width: 100%; } .about_top2 .about_right .about_bottom .about_left span.img { float: left; width: 40%; } .about_top2 .about_right .about_bottom .about_left .about_bottom_con { float: right; width: 56%; margin-top: 2px; } .about_top2 .about_right .about_bottom .about_left .about_bottom_con ul { margin-top: 10px; } .menu { background: url(../images/bg2.png); height: 56px; line-height: 56px; margin-top: -56px; } .menu ul li { float: left; width: 25%; text-align: center; font-size: 18px; font-weight: bold; } .menu ul li a { display: block; color: #ffffff; } .menu ul li:hover, .menu ul li.cur { background: #009045; } .menu ul li:hover a, .menu ul li.cur a { color: #fff; } .about_group { background: #eefbf4; padding: 75px 0; } .about_group .text { float: left; width: 36%; } .about_group .text span {/* color: #009045; font-size: 55px; font-weight: bold; font-family: arial; text-transform: capitalize;*/ } .about_group .text h3 { color: #000; font-size: 30px; } .about_group .text i { display: block; width: 32px; height: 3px; background: #cfd6e7; margin: 18px 0 20px; } .about_group .text .t { color: #000000; font-size: 16px; line-height: 30px; min-height: 300px; text-indent: 2em; position: relative; z-index: 2; } .about_group .text .bottom { display: block; line-height: 100px; font-size: 140px; font-weight: bold; text-transform: uppercase; color: #eefbf4; font-family: arial; font-style: normal; position: relative; z-index: 1; } .about_group .img_box { float: right; width: 54%; position: relative; } .about_group .img_box .img { display: block; line-height: 0; overflow: hidden; } .about_group .img_box .img img { width: 100%; } .about_group .img_box .box { position: absolute; left: -37px; top: 15%; max-width: 240px; width: 100%; min-height: 310px; background: url(../images/about_group_bg.jpg) no-repeat center center / cover; } .about_group .img_box .box .d { color: #fff; padding-left: 58px; margin-top: 42px; } .about_group .img_box .box .d .bt { font-size: 55px; font-family: arial; font-weight: bold; } .about_group .img_box .box .d .bt span { font-weight: normal; font-size: 15px; } .about_group .img_box .box .d p { font-size: 15px; } /**总裁致辞**/ .about_president { padding: 75px 0; background: #eefbf4; } .about_president .text { float: left; width: 42%; } .about_president .text span { font-size: 20px; font-family: arial; color: #dce3ed; } .about_president .text h3 { color: #2d3b49; font-size: 30px; } .about_president .text i { display: block; width: 32px; height: 3px; background: #cfd6e7; margin: 18px 0 20px; } .about_president .text .t { color: #627187; font-size: 16px; line-height: 30px; } .about_president .text .t b { font-size: 18px; } .about_president .text .qm { margin-top: 50px; } .about_president .text .qm span.img { display: block; line-height: 0; float: right; } .about_president .text .qm p { width: 100%; float: right; text-align: right; color: #627187; font-size: 16px; } .about_president .text .qm p span { font-size: 20px; color: #627187; font-weight: bold; } .about_president .img_box { float: right; width: 50%; position: relative; } .about_president .img_box .bg { position: absolute; right: -100px; top: -44px; line-height: 0; } .about_president .img_box .img { display: block; line-height: 0; position: relative; } .about_president .img_box .img:before { content: ""; position: absolute; right: -8px; bottom: -8px; width: 70%; height: 70%; background: #009045; z-index: 1; } .about_president .img_box .img img { position: relative; z-index: 2; } /**社会责任**/ .about_trust { background: #eefbf4; padding: 75px 0; } .about_trust .box { background: #fff; } .about_trust .box .text { float: left; width: 50%; padding: 4% 5% 0; } .about_trust .box .text span { font-size: 20px; font-family: arial; color: #dce3ed; } .about_trust .box .text h3 { color: #2d3b49; font-size: 30px; } .about_trust .box .text i { display: block; width: 32px; height: 3px; background: #cfd6e7; margin: 18px 0 20px; } .about_trust .box .text .t { color: #627187; font-size: 16px; line-height: 30px; } .about_trust .box .text .t p { margin-bottom: 20px; } .about_trust .box .text .zs { margin-top: 40px; color: #f2f3f5; font-size: 75px; font-family: arial; font-weight: bold; line-height: 65px; } .about_trust .box .img_box { float: right; width: 50%; } .about_trust .box .img_box .img { position: relative; top: -10px; display: block; line-height: 0; } /**移动端**/ .mobile_contact { display: none; padding: 10px 15px 30px; } .mobile_contact ol li { padding: 15px 0; float: left; width: 100%; border-bottom: #ccc solid 1px; } .mobile_contact ol li:last-child { border-bottom: none; } .mobile_contact ol li h3 { font-size: 18px; color: #2d3b49; } .mobile_contact ol li h3 em { font-style: normal; font-size: 12px; color: #666; font-weight: normal; display: inline-block; margin-left: 10px; } .mobile_contact ol li p { font-size: 14px; margin-top: 5px; } .mobile_about { display: none; padding: 30px 15px 40px; } .mobile_about .title3 { color: #2d3b49; font-size: 18px; margin-bottom: 15px; } .mobile_about .shuju { margin-bottom: 30px; } .mobile_about .shuju li { float: left; width: 25%; } .mobile_about .shuju li p { color: #2d3b49; font-size: 14px; } .mobile_about .shuju li .bt { color: #2d3b49; font-size: 32px; font-weight: bold; } .mobile_about .shuju li .bt span { font-weight: normal; font-size: 14px; } .mobile_about .mobile_about_top2 { border-top: 1px solid #dce3ec; padding-top: 30px; } .mobile_about .mobile_about_top2 ul li { float: left; width: 25%; } .mobile_about .mobile_about_top2 ul li p { color: #2d3b49; font-size: 14px; } .mobile_about .mobile_about_top2 ul li .bt { color: #2d3b49; font-size: 32px; font-weight: bold; } .mobile_about .mobile_about_top2 ul li .bt span { font-weight: normal; font-size: 14px; } .mobile_honor { display: none; } .mobile_honor ul li { float: left; width: 100%; padding: 20px 0; border-bottom: 1px solid #dce3ec; } .mobile_honor ul li:last-child { border-bottom: none; padding-bottom: 0; } .mobile_honor ul li .bt { font-size: 18px; font-weight: bold; } .mobile_honor ul li .t { margin-top: 5px; font-size: 14px; line-height: 24px; } /**2018-9-21**/ .proshow_right { background: #ffffff; } .proshow_right ul li { float: left; width: 100%; padding: 17px 30px; } .proshow_right ul li .icon { display: block; float: left; width: 38px; height: 38px; } .proshow_right ul li .v2 { background: url(../images/home_icon5.png) no-repeat center center / cover; } .proshow_right ul li .v3 { background: url(../images/home_icon6.png) no-repeat center center / cover; } .proshow_right ul li .v4 { background: url(../images/home_icon7.png) no-repeat center center / cover; } .proshow_right ul li .text { float: left; margin-left: 10px; margin-top: -1px; } .proshow_right ul li .text .bt { color: #363b40; font-size: 18px; font-weight: bold; } .proshow_right ul li .text p { color: #363b40; font-size: 14px; font-family: arial; } .proshow_right ul li:hover, .proshow_right ul li.cur { background: #009045; } .proshow_right ul li:hover .v2, .proshow_right ul li.cur .v2 { background-image: url(../images/h_home_icon5.png); } .proshow_right ul li:hover .v3, .proshow_right ul li.cur .v3 { background-image: url(../images/h_home_icon6.png); } .proshow_right ul li:hover .v4, .proshow_right ul li.cur .v4 { background-image: url(../images/h_home_icon7.png); } .proshow_right ul li:hover .text .bt, .proshow_right ul li.cur .text .bt, .proshow_right ul li:hover .text p, .proshow_right ul li.cur .text p { color: #fff; } .news_box .join_show .detail_con { padding-bottom: 0; border-bottom: none; } .news_box .join_show .detail_con h3 { color: #333; font-size: 18px; padding-left: 18px; position: relative; } .news_box .join_show .detail_con h3:before { content: ""; position: absolute; left: 0; top: 7px; width: 7px; height: 17px; background: url(../images/joinshow.jpg) no-repeat center center / cover; } .join_right_tp ol li { float: left; line-height: 0; margin-bottom: 2%; width: 49%; } .join_right_tp ol li:nth-child(2n) { float: right; } .join_right_text { background: #fff; margin-top: 20px; padding: 25px 25px; } .join_right_text h3 { color: #333; font-size: 18px; border-bottom: 1px solid #f0f0f0; padding-bottom: 16px; padding-left: 18px; position: relative; } .join_right_text h3:before { content: ""; position: absolute; left: 0; top: 5px; width: 7px; height: 17px; background: url(../images/joinshow.jpg) no-repeat center center / cover; } .join_right_text ol li { float: left; width: 100%; font-size: 14px; border-bottom: 1px solid #f0f0f0; line-height: 48px; padding-left: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: url(../images/joinshow_icon01.png) no-repeat left center; } .join_right_text ol li a { color: #666666; } #area { display: none; } .page { width: auto; text-align: center; margin: 0 auto; padding-top: 3%; } .page_sel { padding-left: 1%; padding-right: 1%; text-align: center; line-height: 1.8em; color: #000; border-radius: 4px; background-color: #fff; border: 1px solid #e3e3e3; font-size: 0.8em; outline: 0px; -webkit-appearance: none; } .page a { font-size: 0.8em; padding-left: 1.5%; padding-right: 1.5%; text-align: center; line-height: 1.8em; color: #000; display: inline-block; border-radius: 4px; background-color: #fff; border: 1px solid #e3e3e3; } .page b { font-size: 0.8em; padding-left: 1.5%; padding-right: 1.5%; text-align: center; line-height: 1.8em; color: #000; display: inline-block; border-radius: 4px; background-color: #fff; border: 1px solid #e3e3e3; } .page select { font-size: 0.8em; padding-left: 1.5%; padding-right: 1.5%; text-align: center; color: #000; display: inline-block; border-radius: 4px; background-color: #fff; border: 1px solid #e3e3e3; padding-top: 0.7%; padding-bottom: 0.7%; } .kong { height: 60px; width: 100%; } .page .page_wei { font-size: 0.8em; padding-left: 1.5%; padding-right: 1.5%; text-align: center; line-height: 1.8em; color: #000; display: inline-block; border-radius: 4px; background-color: #43AFFA; color: #fff; border: 1px solid #43AFFA; }