.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { -webkit-transition: height .5s ease-in-out; transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(../images/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease, -webkit-transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-next, .owl-prev { display: block; position: absolute; top: 50%; margin-top: -24px; text-align: center; line-height: 70px; z-index: 10; width: 70px; height: 70px; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .owl-prev { left: 10px; background-image: url(../images/left.png); } .owl-next { right: 10px; background-image: url(../images/right.png); } .owl-carousel:hover .owl-next, .owl-carousel:hover .owl-prev { opacity: 1 } .owl-carousel--dark-arrows .owl-next, .owl-carousel--dark-arrows .owl-prev { color: #54555E } .owl-carousel--visible-arrows .owl-next, .owl-carousel--visible-arrows .owl-prev { opacity: 1 } .owl-carousel--visible-arrows .owl-prev, .owl-carousel--visible-arrows:hover .owl-prev { left: -60px } .owl-carousel--visible-arrows .owl-next, .owl-carousel--visible-arrows:hover .owl-next { right: -60px } .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; margin-top: 8px } .owl-dot { display: inline-block; zoom: 1 } .owl-dot span { width: 8px; height: 8px; margin: 3px; background: #000; opacity: .3; display: block; -webkit-backface-visibility: visible; -webkit-transition: all .2s ease; transition: all .2s ease; border-radius: 50%; -webkit-border-radius: 50%; } .owl-dot.active span, .owl-dot:hover span { opacity: 1; background-color: #c3272b } .owl-carousel--dots-inside .owl-dots { position: absolute; bottom: 20px; margin-top: 0px; width: 100% } .owl-carousel--arrows-outside .owl-next, .owl-carousel--arrows-outside .owl-prev { opacity: 1; top: -62px; margin-top: 0; padding: 0; width: 28px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #E3E4E8; font-size: 12px; border-radius: 0 } .owl-carousel--arrows-outside .owl-next:hover, .owl-carousel--arrows-outside .owl-prev:hover { border-color: transparent } .owl-carousel--arrows-outside .owl-prev { right: 32px; left: auto } .owl-carousel--arrows-outside .owl-next { right: 0 } .owl-custom-nav { margin-top: 24px } .owl-custom-nav__btn { text-transform: uppercase; font-size: 10px; border-radius: 5px; border: 1px solid #E3E4E8; padding: 0 5px; line-height: 26px; background-color: transparent } .owl-custom-nav__btn:hover { background-color: #2D95E3; color: #fff; border-color: transparent } .owl-custom-nav__btn:focus { outline: 0 } .owl-custom-nav__btn i { font-size: 8px; margin: 0 3px; position: relative; top: -1px } .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides>li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } .flexslider { margin: 0; padding: 0; } .flexslider .slides>li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides>li:first-child { display: block; } .flexslider { background: #ffffff; position: relative; zoom: 1; } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "iconfont"; font-size: 30px; display: inline-block; content: '\e800'; color: rgba(255, 255, 255, 0.9); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); } .flex-direction-nav a.flex-next:before { content: '\e618'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "iconfont"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: 0.4; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } #baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0, 0, 0, .8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease } #baguetteBox-overlay.visible { opacity: 1 } #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center } #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100% } #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6); box-shadow: 0 0 8px rgba(0, 0, 0, .6) } #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 40px; white-space: normal; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, .6); height: 40px; font-size: 1.8rem } #baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px } #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out } @-webkit-keyframes bounceFromRight { 0%, 100% { margin-left: 0 } 50% { margin-left: -30px } } @keyframes bounceFromRight { 0%, 100% { margin-left: 0 } 50% { margin-left: -30px } } @-webkit-keyframes bounceFromLeft { 0%, 100% { margin-left: 0 } 50% { margin-left: 30px } } @keyframes bounceFromLeft { 0%, 100% { margin-left: 0 } 50% { margin-left: 30px } } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px } .baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, .5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease } .baguetteBox-button:focus, .baguetteBox-button:hover { background-color: rgba(50, 50, 50, .9) } .baguetteBox-button#next-button { right: 2% } .baguetteBox-button#previous-button { left: 2% } .baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px } .baguetteBox-button svg { position: absolute; left: 0; top: 0 } .baguetteBox-spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px } .baguetteBox-double-bounce1, .baguetteBox-double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out } .baguetteBox-double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0) } 50% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0) } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1) } } .custombox-open, .custombox-open body { overflow: auto } .custombox-perspective, .custombox-perspective body { -webkit-perspective: 600px; perspective: 600px; height: 100% } .custombox-overlay-open { visibility: visible; opacity: 1 } .custombox-overlay { top: 0; right: 0; bottom: 0; left: 0; position: fixed; -webkit-transition-delay: 0s; transition-delay: 0s } .custombox-overlay-default { -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-property: opacity; transition-property: opacity; opacity: 0 } .custombox-modal-wrapper { bottom: 0; left: 0; outline: 0; overflow-x: auto; overflow-y: auto; position: fixed; right: 0; top: 0; text-align: center } .custombox-modal-container { margin: 0 auto; position: relative } .custombox-modal img { max-width: 100%; height: auto } .custombox-overlay-letmein { -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease; transition-timing-function: ease; visibility: hidden } .custombox-overlay-open.custombox-overlay-letmein { -webkit-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; visibility: visible; opacity: 1 } .custombox-overlay-slidetogether { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-property: -webkit-transform ease-in-out; transition-property: transform ease-in-out } .custombox-overlay-open.custombox-overlay-slidetogether { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: -webkit-transform ease-in-out; transition-property: transform ease-in-out } .custombox-overlay-corner { -webkit-transform: translateY(150px) translateX(150px); -ms-transform: translateY(150px) translateX(150px); transform: translateY(150px) translateX(150px); -webkit-transition-property: opacity, -webkit-transform, visibility; transition-property: opacity, transform, visibility } .custombox-overlay-open.custombox-overlay-corner { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform } .custombox-overlay-scale { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition-property: -webkit-transform; transition-property: transform } .custombox-overlay-open.custombox-overlay-scale { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-property: -webkit-transform; transition-property: transform } .custombox-overlay-door { visibility: hidden; width: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition-property: width ease-in-out; transition-property: width ease-in-out } .custombox-overlay-open.custombox-overlay-door { visibility: visible; width: 100%; -webkit-transition-property: width ease-in-out; transition-property: width ease-in-out } .custombox-container-push { overflow-x: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform } .custombox-container-open.custombox-container-push { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } .custombox-overlay-push { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition-property: -webkit-transform ease-in-out; transition-property: transform ease-in-out } .custombox-overlay-open.custombox-overlay-push { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-property: -webkit-transform ease-in-out; transition-property: transform ease-in-out } .custombox-open-contentscale body { background-color: #DDD } .custombox-container-contentscale { -webkit-transition: -webkit-transform .5s; transition: transform .5s; overflow: hidden; height: 100% } .custombox-container-open.custombox-container-contentscale { -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8) } .custombox-overlay-contentscale { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition-property: -webkit-transform ease-in-out; transition-property: transform ease-in-out } .custombox-overlay-open.custombox-overlay-contentscale { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: -webkit-transform ease-in-out; transition-property: transform ease-in-out } .custombox-container-open.custombox-container-makeway { height: 100%; overflow: hidden } .custombox-overlay-open.custombox-overlay-makeway { -webkit-transition-property: all; transition-property: all } .custombox-container-open.custombox-container-makeway, .custombox-overlay-open.custombox-overlay-makeway { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation: rotateRightSideFirst .5s forwards ease-in; animation: rotateRightSideFirst .5s forwards ease-in } @-webkit-keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px) } } @keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px) } } .custombox-overlay-open.custombox-overlay-slip { -webkit-transition-property: all; transition-property: all } .custombox-container-open.custombox-container-slip, .custombox-overlay-open.custombox-overlay-slip { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: OpenTop .5s forwards ease-in-out; animation: OpenTop .5s forwards ease-in-out } @-webkit-keyframes OpenTop { 50% { -webkit-transform: rotateX(10deg); transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @keyframes OpenTop { 50% { -webkit-transform: rotateX(10deg); transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } .custombox-modal-fadein { -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transition-property: all; transition-property: all; opacity: 0; visibility: hidden } .custombox-modal-open .custombox-modal-fadein { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible } .custombox-modal-container-slide>div, .custombox-modal-container-slidetogether>div { opacity: 0; float: left } .custombox-modal-open>.custombox-modal-container-slide>div, .custombox-modal-open>.custombox-modal-container-slidetogether>div { opacity: 1 } .custombox-modal-slide-top { -webkit-transform: translateY(-300%); -ms-transform: translateY(-300%); transform: translateY(-300%) } .custombox-modal-open .custombox-modal-slide-top { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .custombox-modal-slide-left { -webkit-transform: translateX(-300%); -ms-transform: translateX(-300%); transform: translateX(-300%) } .custombox-modal-open .custombox-modal-slide-left { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .custombox-modal-slide-right { -webkit-transform: translateX(300%); -ms-transform: translateX(300%); transform: translateX(300%) } .custombox-modal-open .custombox-modal-slide-right { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .custombox-modal-slide-bottom { -webkit-transform: translateY(300%); -ms-transform: translateY(300%); transform: translateY(300%) } .custombox-modal-open .custombox-modal-slide-bottom { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .custombox-modal-newspaper { -webkit-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; -webkit-transition-property: all; transition-property: all; position: absolute } .custombox-overlay-newspaper { -webkit-transition-property: all; transition-property: all } .custombox-modal-open .custombox-modal-newspaper { -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1 } .custombox-modal-container-fall { -webkit-perspective: 1300px; perspective: 1300px } .custombox-modal-fall { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0 } .custombox-modal-open .custombox-modal-fall { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: all; transition-property: all; -webkit-transform: translateZ(0) rotateX(0deg); transform: translateZ(0) rotateX(0deg); opacity: 1 } .custombox-modal-container-sidefall { -webkit-perspective: 1300px; perspective: 1300px } .custombox-modal-wrapper-sidefall { overflow-x: hidden } .custombox-modal-sidefall { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0 } .custombox-modal-open .custombox-modal-sidefall { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-property: all; transition-property: all; -webkit-transform: translate(0) translateZ(0) rotate(0deg); transform: translate(0) translateZ(0) rotate(0deg); opacity: 1 } .custombox-open-blur .custombox-container-blur { -webkit-filter: blur(3px); filter: blur(3px) } @media all and (-ms-high-contrast:none) { .custombox-open-blur .custombox-container-blur { text-shadow: 0 0 8px #000; color: rgba(255, 255, 255, 0); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); zoom: 1 } } @-moz-document url-prefix() { .custombox-open-blur .custombox-container-blur { filter: url(../fonts/blur.svg#blur) } } .custombox-modal-blur { -webkit-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; position: absolute } .custombox-modal-container-blur, .custombox-overlay-blur { -webkit-transition-property: all; transition-property: all } .custombox-modal-open .custombox-modal-blur { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1 } .custombox-modal-container-flip { -webkit-perspective: 1300px; perspective: 1300px } .custombox-modal-flip-horizontal { position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition-property: all; transition-property: all; opacity: 0 } .custombox-modal-open .custombox-modal-flip-horizontal { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1 } .custombox-modal-flip-vertical { position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition-property: all; transition-property: all; opacity: 0 } .custombox-modal-open .custombox-modal-flip-vertical { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1 } .custombox-modal-container-sign { -webkit-perspective: 1300px; perspective: 1300px } .custombox-modal-sign { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition-property: all; transition-property: all } .custombox-modal-open .custombox-modal-sign { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1 } .custombox-modal-superscaled { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition-property: all; transition-property: all; position: absolute } .custombox-modal-open .custombox-modal-superscaled { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 } .custombox-modal-container-slit { -webkit-perspective: 1300px; perspective: 1300px } .custombox-modal-slit { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0 } .custombox-modal-open .custombox-modal-slit { -webkit-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 100% { -webkit-transform: translateZ(0) rotateY(0deg); transform: translateZ(0) rotateY(0deg); opacity: 1 } } @keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 100% { -webkit-transform: translateZ(0) rotateY(0deg); transform: translateZ(0) rotateY(0deg); opacity: 1 } } .custombox-modal-container-rotate { -webkit-perspective: 1300px; perspective: 1300px } .custombox-modal-rotate-bottom { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-property: all; transition-property: all; position: absolute } .custombox-modal-open .custombox-modal-rotate-bottom { -webkit-transform: translateY(0) rotateX(0deg); transform: translateY(0) rotateX(0deg); opacity: 1 } .custombox-modal-rotate-left { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition-property: all; transition-property: all; position: absolute } .custombox-modal-open .custombox-modal-rotate-left { -webkit-transform: translateZ(0) translateX(0) rotateY(0deg); transform: translateZ(0) translateX(0) rotateY(0deg); opacity: 1 } .custombox-modal-container-letmein { -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 1 } .custombox-modal-letmein { opacity: 0; -webkit-transform: translateY(300%); -ms-transform: translateY(300%); transform: translateY(300%); float: left } .custombox-modal-open .custombox-modal-letmein { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-property: all; transition-property: all } .custombox-modal-makeway { -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0; float: left } .custombox-modal-open .custombox-modal-makeway { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1 } .custombox-modal-wrapper-makeway { overflow: hidden } .custombox-modal-slip { -webkit-transform: translateY(-350%); -ms-transform: translateY(-350%); transform: translateY(-350%) } .custombox-modal-open .custombox-modal-slip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-property: all; transition-property: all } .custombox-modal-corner { opacity: 0; -webkit-transform: translateY(150px) translateX(150px); -ms-transform: translateY(150px) translateX(150px); transform: translateY(150px) translateX(150px); -webkit-transition-property: opacity, -webkit-transform, visibility; transition-property: opacity, transform, visibility } .custombox-modal-open .custombox-modal-corner { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform } .custombox-modal-slidetogether { -webkit-transform: translateY(-600%); -ms-transform: translateY(-600%); transform: translateY(-600%) } .custombox-modal-open .custombox-modal-slidetogether { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .custombox-modal-scale { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: -webkit-transform; transition: transform; opacity: 0 } .custombox-modal-open .custombox-modal-scale { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform; transition: transform; opacity: 1 } .custombox-modal-door { visibility: hidden; opacity: 0 } .custombox-modal-open .custombox-modal-door { opacity: 1; visibility: visible } .custombox-modal-push { -webkit-transform: translateX(-300%); -ms-transform: translateX(-300%); transform: translateX(-300%) } .custombox-modal-open .custombox-modal-push { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .custombox-modal-contentscale { -webkit-transform: translateY(600%); -ms-transform: translateY(600%); transform: translateY(600%); -webkit-transition-property: -webkit-transform ease-in-out; transition-property: transform ease-in-out; position: absolute } .custombox-modal-open .custombox-modal-contentscale { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } select.chzn-select { visibility: hidden; height: 28px !important; min-height: 28px !important; } .chzn-container { font-size: 13px; position: relative; display: inline-block; zoom: 1; *display: inline; } .chzn-container .chzn-drop { background: #fff; border: 1px solid #aaa; border-top: 0; position: absolute; top: 29px; left: 0; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); z-index: 999; } .chzn-container-single .chzn-single { background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%); background-image: -o-linear-gradient(top, #eeeeee 0%, #ffffff 50%); background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #aaa; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 34px; padding: 6px 12px; color: #444; text-decoration: none; } .chzn-container-single .chzn-single span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .chzn-container-single .chzn-single div { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%); border-left: 1px solid #aaa; position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px; } .chzn-container-single .chzn-single div b { background: url('../images/chosen-sprite.png') no-repeat 3px 7px; display: block; width: 100%; height: 100%; } .chzn-container-single .chzn-search { padding: 3px 4px; margin: 0; white-space: nowrap; } .chzn-container-single .chzn-search input { background: #fff url('../images/chosen-sprite.png') no-repeat 100% -20px; background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 1em; } .chzn-container-single .chzn-drop { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .chzn-container-multi .chzn-choices { background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background-image: -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(top, #ffffff 85%, #eeeeee 99%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%); background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%); background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%); background-image: -ms-linear-gradient(top, #e4e4e4 0%, #eeeeee 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(top, #e4e4e4 0%, #eeeeee 70%); color: #333; border: 1px solid #b4b4b4; line-height: 13px; padding: 3px 19px 3px 6px; margin: 3px 0 3px 5px; position: relative; } .chzn-container-multi .chzn-choices .search-choice span { cursor: default; } .chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 5px; top: 6px; width: 8px; height: 9px; font-size: 1px; background: url(../images/chosen-sprite.png) right top no-repeat; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: right -9px; } .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -9px; } .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 190px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; } .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0; } .chzn-container .chzn-results li { line-height: 80%; padding: 7px 7px 8px; margin: 0; list-style: none; } .chzn-container .chzn-results .active-result { cursor: pointer; } .chzn-container .chzn-results .highlighted { background: #3875d7; color: #fff; } .chzn-container .chzn-results li em { background: #feffde; font-style: normal; } .chzn-container .chzn-results .highlighted em { background: transparent; } .chzn-container .chzn-results .no-results { background: #f4f4f4; } .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; } .chzn-container .chzn-results .group-option { padding-left: 20px; } .chzn-container-multi .chzn-drop .result-selected { display: none; } .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -o-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); border: 1px solid #5897fb; } .chzn-container-active .chzn-single-with-drop { border: 1px solid #aaa; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; -o-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%); background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%); -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; } .chzn-container-active .chzn-single-with-drop div b { background-position: -15px 2px; } .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -o-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); border: 1px solid #5897fb; } .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } .chzn-rtl { direction: rtl; text-align: right; } .chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; } .chzn-rtl .chzn-single div { left: 0; right: auto; border-left: none; border-right: 1px solid #aaaaaa; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top; } .chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; } .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } .chzn-rtl .chzn-search input { background: url('../images/chosen-sprite.png') no-repeat -38px -20px, #ffffff; background: url('../images/chosen-sprite.png') no-repeat -38px -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('../images/chosen-sprite.png') no-repeat -38px -20px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat -38px -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat -38px -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('../images/chosen-sprite.png') no-repeat -38px -20px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); padding: 4px 5px 4px 20px; } .footer-wrap { background-color: #024429; margin-top: 40px; min-width: 1200px; padding: 30px 0 50px; color: #ebebeb; box-shadow: inset 0px 5px 8px 2px rgba(0, 0, 0, .2) } .home .footer-wrap { margin-top: 0 } .footer-wrap a { color: #fff; } .footer-1 { padding-bottom: 24px; border-bottom: 1px solid #5a775a; } .footer-1 .t-tel:before { color: #fff !important } .footer-2>ul { height: 60px; font-size: 1.3rem; } .corp-id { display: inline-flex; align-items: center; border-left: 1px solid #5a775a; border-right: 1px solid #5a775a; width: 100% } .corp-id>li { text-align: center; flex-grow: 1; } .corp-id>li>p { margin-bottom: 3px; line-height: 1; font-size: 1.6rem; } .corp-id>li>span { font-size: 1.3rem; color: #92ab92; } .corp-id>li>i { font-size: 3rem; } .quick-ly-wrap { background: url(../images/quick_link_bg.jpg) #fff no-repeat 100% 100%; } .quick-ly-wrap .d-table { width: 1020px; } .quick-ly-wrap .d-table .ly-index-t { width: 88px; font-weight: 600 } .quick-ly-wrap .d-table a, .friend-link a { display: inline-block; margin-right: 10px; margin-bottom: 5px; color: #888 } .quick-ly-wrap .d-table a:hover, .friend-link a:hover, .page-index-content .item>a:hover { color: #af8a33; } .friend-link .fl-name { font-weight: 600; padding-left: 20px; width: 108px; position: relative } .friend-link .fl-name:before { content: "\e61b"; font-family: "iconfont"; position: absolute; left: 0; color: #888 } .friend-link li { display: inline } #right-page-menu { position: fixed; right: 20px; bottom: 228px; z-index: 100 } #right-page-menu .rpm-ul { margin-bottom: 5px; } #right-page-menu .rpm-ul>li>a { display: block; padding: 10px 0; color: #c3272b; } #right-page-menu .rpm-ul>li>a:hover { color: #fff; background-color: #c3272b; } #right-page-menu .rpm-ul>li { width: 70px; height: 70px; text-align: center; border: 1px solid #ebebeb; background-color: #fff; margin-bottom: -1px; position: relative } #right-page-menu .rpm-ul>li.rpm-kefu img { margin-top: -36px; width: 64px; } #right-page-menu .rpm-ul>li.rpm-kefu .point { position: absolute; width: 21px; height: 21px; border-radius: 50%; color: #fff; text-align: center; right: -6px; top: -13px; background: #be281a; line-height: 21px; -webkit-animation: 1s ease-in-out infinite kf-cc; animation: 1s ease-in-out infinite kf-cc; } @keyframes kf-cc { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes st-cc { 0% { opacity: 0 } 100% { opacity: 1 } } #right-page-menu .rpm-ul>li p { margin-bottom: 0; font-size: 1.3rem; } #right-page-menu .rpm-ul>li:hover { background-color: #21a675; color: #fff; } #right-page-menu .rpm-ul>li i { font-size: 2.8rem; line-height: 1; } #right-page-menu .gototop { border: 1px solid #ebebeb; text-align: center; height: 40px; background-color: #fff; line-height: 39px; font-size: 2.4rem; cursor: pointer; transition: opacity 0.3s ease-in-out; opacity: 0; visibility: hidden; } #right-page-menu .gototop:hover { background-color: #ebebeb; } #right-page-menu .gototop.show { opacity: 1; visibility: visible; } #right-page-menu .gototop a { display: block; } #Gift { position: fixed; left: 15px; bottom: 100px; z-index: 100; -webkit-animation-name: gift; -webkit-transform-origin: center bottom; animation-name: gift; transform-origin: center bottom; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-duration: 3s; cursor: pointer } @keyframes gift { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .fourpage { background: url(../images/404bg.jpg) no-repeat; background-size: cover; height: 100vh } .fourpage .tips_404 { margin-top: 80px; padding: 20px; background: rgba(255, 255, 255, 0.8); min-height: 400px; } .fourpage .tips_404 i { font-size: 9.8rem; } .fourpage .tips_404 .title-404 { font-size: 3.2rem; margin: 15px 0 } .breadcrumb { position: relative; z-index: 2 } .breadcrumb li { display: inline-block; line-height: 46px; } .breadcrumb li h1 { margin-bottom: 0; font-size: 1.4rem; display: inline } .breadcrumb li+li { padding-left: 20px; position: relative; } .breadcrumb li+li:before { position: absolute; left: 0; content: "\e618"; font-family: "iconfont"; color: #777; font-size: 12px; width: 20px; text-align: center; } .tab-nav { background: #fff; } .tab-nav>li>a, .tab-nav>li>span { line-height: 50px; padding: 0 25px; font-size: 1.6rem; display: block; transition: background 0.3s ease-in-out } .tab-nav>li>a h2 { margin: 0; line-height: 50px; font-size: 1.6rem } .tab-nav>li.active>a, .tab-nav>li.active>span { color: #fff; background: #057748 } .tab-nav>li>a:hover { color: #fff; background: #21a675 } .tab-nav.dark, .tab-nav-1.dark.stickys { background: #84795f; } .tab-nav.dark>li>a { color: #fff; } .tab-nav.dark>li.active>a { background: #be281a } .tab-nav.dark>li>a:hover { background: #ce3527 } .tab-nav-1 { position: relative; } .tab-nav-1.stickys { background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 99; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1); } .tab-nav-2>li>a { line-height: 40px; padding: 0 10px; font-size: 1.5rem; display: block; transition: all 0.3s ease-in-out; border: 1px solid #ececec; margin-top: -1px; background: #fff } .tab-nav-2>li:first-child>a { margin-top: 0 } .tab-nav-2>li.active>a { color: #fff; background: #057748; border-color: #057748; cursor: default } .tab-nav-3>li { float: left; position: relative; } .tab-nav-3>li>a { line-height: 40px; padding: 0 25px; display: block; font-size: 1.5rem; } .tab-nav-3>li.active>a { background: rgba(18, 73, 41, .9); border-radius: 4px; font-weight: 600; color: #ffde39 } .pagination_wrap { text-align: center; padding-bottom: 20px; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; } .pagination>li, .jPaginate>div, .jPag-pages>li { display: inline } .pagination>li>a, .pagination>li>span, .jPag-pages>li>a, .jPag-pages>li>span, .jPag-last, .jPag-first { position: relative; float: left; padding: 6px 12px; margin-left: -1px; background-color: #fff; border: 1px solid #ddd; cursor: pointer } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .jPag-pages>li>span.jPag-current { background-color: #057748; border-color: #057748; color: #fff; cursor: default; } .pagination>li>a:hover { background-color: #f2f2f2; } .pagination>li:first-child>a, .pagination>li:first-child>span, .jPag-first { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination>li:last-child>a, .pagination>li:last-child>span, .jPag-last { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .jPag-sprevious-img, .jPag-snext-img { display: none } .jPaginate { display: inline-block; margin-top: 10px; } .jPaginate>div { float: left; } .aside_wrap { padding: 10px 15px; } .list-inline>li { display: inline-block; } .list-inline>li+li { padding-left: 10px; font-size: 14px; color: #333333; } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 6px 12px; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn.disabled, .btn:disabled { opacity: 0.5; } .btn.btn-small { line-height: 1; } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.15); } .btn-primary { color: #fff; background-color: #057748; border-color: #057748; } .btn-primary:hover { color: #fff; background-color: #21a675; border-color: #21a675; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(233, 202, 129, 0.5); } .btn-secondary { color: #fff; background-color: #32c18d; border-color: #32c18d; } .btn-secondary:hover { color: #fff; background-color: #21a675; border-color: #21a675; } .btn-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(160, 138, 86, 0.5); } .btn-red { color: #fff; background-color: #be281a; border-color: #be281a; } .btn-orange { color: #fff; background-color: #ec8b3b; border-color: #ec8b3b } .btn-orange:hover { color: #fff; background-color: #f7984b; border-color: #f7984b; } .btn-red:hover { color: #fff; background-color: #db3020; border-color: #db3020; } .btn-red:focus, .btn-red.focus { box-shadow: 0 0 0 0.2rem rgba(219, 48, 32, 0.3); } .btn-outline { color: #057748; background-color: transparent; border-color: #057748; } .btn-outline:hover { color: #fff; background-color: #057748 } .btn-120 { min-width: 120px; } .btn-160 { border-radius: 0.3rem; min-width: 160px } .btn-block { display: block; width: 100%; } .btn-md { padding: 8px 16px; font-size: 1.5rem; } .btn-lg { padding: 10px 20px; font-size: 1.6rem; } .tag li, .tag-2 li { display: block; padding: 2px 5px; font-size: 1.3rem; border: 1px solid #666; border-radius: 3px; color: #666; float: left; margin: 0 5px 5px 0; } .tag-2 li { border-color: transparent; background-color: #e9f1f6; color: #333 } .badge { display: inline-block; padding:5px; font-size: 12px; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; } .badge-team{ background-color: #21a675; color: #fff; border-radius: 10px; height: 20px; padding: 0 10px; line-height: 20px; margin-left: 10px; } .badge-red-outline { color: #ff6800; border: 1px solid #ff6800; } .badge-primary-outline { color: #339900; border: 1px solid #339900; } .page-banner>.owl-carousel article, .page-banner { height: 300px; } .page-banner>.owl-carousel .owl-dots, .home-banner>.owl-carousel .owl-dots { margin-top: -22px; position: absolute; width: 100%; } .divider { position: relative; text-align: center; overflow: hidden; margin: 10px 0 } .divider.large { margin: 20px 0 } .divider:before, .divider:after { content: ''; position: absolute; width: 100%; top: 10px; height: 0; border-top: 1px solid #ebebeb; } .divider span { font-size: 1.2rem; display: inline-block; padding: 0 10px; background: #fff; border: 1px solid #ebebeb; z-index: 9; position: relative; line-height: 20px; border-radius: 10px; color: #888 } .divider.d-2 span { font-size: 1.4rem; color: #057748 } .divider.d-3 span { font-size: 1.6rem; color: #666; line-height: 24px; } .divider:before { left: -50% !important; right: 0; margin-left: -20px; } .divider:after { left: 50% !important; right: 0; margin-left: 20px; } .photo-show p { text-align: center; margin: 10px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .photo-show article { background-color: #fff; transition: all 0.3s ease-in-out; padding-bottom: 10px } .photo-show article:hover { box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1); } .baidu-map { border: 1px solid #ebebeb; padding: 5px; } .baidu-map>.baidu-map-content { height: 460px; } .ly-tips { position: absolute; font-size: 1.4rem; color: #3c3c3c; background: #fff; padding: 8px; border: 1px solid #e6d09d; border-radius: 3px; box-shadow: 0 0 0 2px rgba(233, 202, 129, 0.25); z-index: 99; display: none; } .tips:hover>.ly-tips { display: block } .tips { cursor: pointer; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .form-control.error { border-color: #be281a } .form-control.large { height: 44px; } .form-control:focus { color: #495057; background-color: #fff; border-color: #d4b160; outline: 0; box-shadow: 0 0 0 0.2rem rgba(233, 202, 129, 0.5); } textarea { resize: none; } textarea.form-control { height: auto; } input[disabled] { background-color: #ebebeb; cursor: no-drop } .article_wrap { padding: 20px; background-color: #fff; overflow-x: hidden; } .article_list { width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ececec } .article_list:last-child { margin-bottom: 0 } .article_list_img { width: 180px; margin-left: 20px; position: relative } .article_list_img img { border-radius: 5px; width: 100%; height: auto; } .article_list_txt p { color: #888; } .article_recommend { width: 100%; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #ccc; padding-left: 15px; background: url(../images/icon-point.png) no-repeat 0% 8px; } .article_recommend:last-child { border-bottom: none; padding-bottom: 0 } .article_list_img:before, .article-relative_img:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .2); opacity: 0; pointer-events: none; transition: all 0.3s ease-in-out } .article_list_img:hover:before, .article-relative_img:hover:before { opacity: 1 } .article_title { font-size: 2.8rem; text-align: center; margin: 10px 0; } .article_body { margin: 20px 0 } .article_body p, .article_body div, .ly-article_body p, .ly-article_body div { font-size: 1.6rem; line-height: 1.8; text-indent: 2em; text-align: justify; margin-bottom: 1.5rem; } .article_body img, .ly-article_body img { display: block; margin: 0 auto; border-radius: 5px } .article_body .news-pic-title { color: #888; display: block; text-align: center; font-style: normal; font-size: 1.4rem; padding-top: 5px; text-indent: 0 } .article-relative { padding: 20px; } .article-relative_img { width: 240px; margin-right: 20px; position: relative; } .price-1 { line-height: 1; color: #888 } .price-1 span { font-size: 26px; padding: 0 3px; letter-spacing: -0.05rem; color: #ff3300; font-weight: 700 } .same-article>li { line-height: 32px; padding-left: 15px; background: url(../images/icon-point.png) no-repeat 0% 50%; } .news-home-block { background-color: #fff; padding: 20px; height: 100%; } .news-home-text-list>li { padding-left: 15px; background: url(../images/icon-point.png) no-repeat 0% 50%; margin-bottom: 10px } .news-home-text-list>li .title { font-size: 1.6rem; margin-bottom: 0 } .article_list.sm .article_list_img { width: 160px } .article_list.sm .title { font-size: 1.8rem; font-weight: 600 } .team-slogan { background: #fff; padding: 20px; border-bottom: 3px solid #589e84 } .team-slogan li { width: 33.3333%; text-align: center } .team-slogan li>p:nth-child(1) { font-size: 3.2rem; margin-bottom: 0; line-height: 1 } .team-slogan li>p:nth-child(2) { font-size: 2.0rem; margin-bottom: .3rem; font-weight: 600 } .team-slogan li>p { color: #057748 } .team-card-new { border: 1px solid #ebebeb; transition: all 0.3s ease-in-out } .team-card-new:hover { box-shadow: 0 0 4px 2px rgba(5, 119, 72, 0.4); border-color: #fff; } .team-card-new>.team-img { position: relative; float: left; width: 240px; height: 240px; overflow: hidden; background: #000; } .team-card-new .team-img img { transition: transform 0.3s ease-in-out; position: relative; z-index: 2 } .team-card-new:hover .team-img img { transform: translateY(-45px) } .team-card-new>.team-img .years, .team-list .team-img .years { position: absolute; right: 0; top: 0; background: url(../images/team-year-bg.png) no-repeat; width: 38px; height: 55px; color: #fff; text-align: center; padding: 5px 2px 0; background-size: 38px 55px; z-index: 9 } .team-card-new>.team-desc { background: #fff; float: left; width: calc(100% - 240px); padding: 15px; position: relative; height: 240px; overflow: hidden } .team-card-new .team-desc .title, .team-list .team-desc .title { margin-bottom: 10px; font-size: 1.8rem; } .team-card-new>.team-desc .ask-team { position: absolute; bottom: 15px; left: 15px; } .team-card-new .tongji-num { padding: 5px 0; margin-bottom: 10px; } .team-card-new .team-txt { position: absolute; left: 0; bottom: 0; width: calc(100% - 10px); padding-left: 10px; z-index: 1; height: 40px; } .team-txt p { position: relative; padding-left: 20px; margin-bottom: 0; color: #ccc; line-height: 1.23 } .team-txt p:before { content: "\e6b8"; font-family: "iconfont"; position: absolute; left: -2px; top: -2px; } .team-card-new .recommand-ly .name { width: 38px; color: #888; } .team-card-new .recommand-ly .tj-lylist a { display: inline-block; padding: 0 10px; border: 1px solid #ebebeb; margin: 0 5px 6px 0; border-radius: 3px; } .team-card-new .recommand-ly .tj-lylist a:nth-child(3), .team-card-new .recommand-ly .tj-lylist a:nth-child(4) { margin-bottom: 0 } .team-list>li { padding: 15px 0; border-bottom: 1px solid #ebebeb; } .team-list>li:last-child { border-bottom: none; } .team-list>li:hover { background-color: #f6f6f6 } .team-list .team-img { width: 220px; text-align: center; position: relative } .team-list .team-img img { width: 180px; } .team-list .team-car, .team-list .team-button { width: 200px; text-align: center; padding-top: 28px; } .team-list .team-button { width: 200px; text-align: center; } .team-list .team-car i { font-size: 2.4rem; } .team-list .team-car p { margin-bottom: 0 } .team-list .tongji-num { padding: 10px 0; margin-bottom: 18px; background-color: #e1f2f5; border-radius: 5px; } .team-list .team-txt p { color: #3c3c3c } .team-list .team-txt p:before { color: #ccc } .team-list .team-img .years { right: 20px !important } .tongji-num li { text-align: center; } .tongji-num li>p { margin-bottom: 0; font-size: 2.2rem; } .tongji-num li:nth-child(2)>p, .tongji-num li>span { color: #be281a; } .product-c-wrap { width: 220px; background: url(../images/product-img-2.jpg) no-repeat right bottom; padding-bottom: 300px; } .product-c { background: #5d513c; padding: 20px; } .product-c>ul>li>a { display: block; color: #fff; line-height: 40px; font-size: 1.8rem; font-weight: 500; position: relative; } .product-c>ul>li>a h2 { margin-bottom: 0; font-size: 1.8rem; display: inline; font-weight: 600 } .product-c>ul>li>a:after { content: "\e61d"; position: absolute; right: 0; font-family: "iconfont"; font-size: 12px; transform: rotate(-90deg) } .product-c>ul>li.active>a:after { transform: rotate(0) } .product-c>ul>li.active>a { border-bottom: 1px solid #756249 } .product-c>ul>li>a:hover { color: #af8a33; } .product-c>ul>li { border-bottom: 1px solid #756249; } .product-c .product-c-sub { display: none; padding: 10px } .product-c>ul>li.active .product-c-sub { display: block; } .product-c .product-c-sub>li a { display: block; color: #fff; line-height: 30px; margin-bottom: 2px; padding: 0 15px; border-radius: 15px; transition: background 0.3s ease-in-out } .product-c .product-c-sub>li a h3 { margin-bottom: 0; font-size: 1.4rem; line-height: 30px } .product-c .product-c-sub>li.active a, .product-c .product-c-sub>li a:hover { background: #a78e44; } .product-item { border: 1px solid #ebebeb; transition: all 0.3s ease-in-out; height: 100% } .product-item:hover, .by-byg:hover { box-shadow: 0 0 4px 2px rgba(5, 119, 72, 0.4); border-color: #fff; } .product-item .product-desc { padding: 10px; } .product-item h3, .product-item .h3 { font-size: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-price { color: #ff4c00; font-weight: bold; font-size: 1.6rem } .product-price-2 span { font-size: 2.4rem; color: #ff4c00 !important } .product-detail-hearder>.f-left { width: 420px; } .product-detail-hearder>.f-right { width: 480px; } .product-detail-body { border: 1px solid #ebebeb; padding: 15px; } .product-detail-body img { display: block; margin: 0 auto; } .byg-item { margin-bottom: 10px; transition: all 0.3s ease-in-out; background-color: transparent; border: 1px solid transparent; } .byg-item:hover { background-color: #fff; box-shadow: 0 0 0 2px rgba(233, 202, 129, 0.5); border-color: #e6d09d; } .byg-item .byg-item-img { width: 240px; text-align: center; } .byg-item .byg-item-desc { width: calc(100% - 255px); padding: 10px 10px 0 0; } .byg-item.normal { margin-bottom: 0 !important; border-color: #f2f2f2; } .byg-item.normal .byg-item-img { width: 100%; text-align: center; } .byg-item.normal .byg-item-desc { width: 100%; padding: 15px 10px; text-align: center } .byg-item.normal .byg-item-desc>p { margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .byg-item-tc { margin-right: -5px; } .byg-item-tc li>span { font-size: 1.2rem; display: block; background-color: #faf5ed; border-radius: 3px; text-align: center; padding: 2px 0; color: #777 } .byg-item-tc li { padding-right: 5px; } .byg-detail-flesxslider { width: 520px; overflow: hidden } .ly-flexs .flex-control-thumbs { margin: 1px 0 0 } .ly-flexs .flex-control-thumbs li { padding-right: 1px } .byg-kf>ul { height: 110px; background: url(../images/byg-bg-4.jpg) no-repeat 50% 100%; padding-top: 10px; } .by-s-area { padding: 20px 0; margin-top: 20px; border-top: 1px dotted #ccc; } .byg-detail-wrap { padding: 10px 20px 20px; background: #fff; } .byg-detail-tc { background: #fff; position: relative; height: 100%; border: 1px solid #eee7dd; transition: all 0.3s ease-in-out; } .byg-detail-tc:hover { box-shadow: 0 0 4px 2px rgba(233, 202, 129, 0.5); border-color: #fff } .byg-detail-tc>.tc-header { text-align: center; background: linear-gradient(180deg, #fdfcfb 0%, #eee7dd 100%); padding: 10px 0; width: 100% } .byg-detail-tc>.tc-header>p { margin-bottom: 0; color: #df952b; } .byg-detail-tc>.tc-body { padding: 10px; color: #666 } .byg-detail-tc ol, .byg-detail-tc-shuoming ol { margin-left: 18px } .byg-detail-tc ol li, .byg-detail-tc-shuoming ol li { list-style-type: decimal; list-style-position: outside; margin-bottom: 5px; } .byg-detail-tc ol li.none { list-style: none !important; margin-left: -20px; } .byg-detail-tc-shuoming { padding: 20px; margin-top: 20px; background: url(../images/byg-img-3.jpg) right bottom no-repeat; border-left: 2px solid #eadfc4 } #byg-js { background-image: url(../images/byg-img-5.jpg); background-repeat: no-repeat; background-position: 100% 100%; } .service-ytl-progress, .service-ts { text-align: center; } .service-ytl-progress p, .by-team>p, .by-byg-desc p { margin-bottom: 0 } .service-icon img { width: 60px; height: 60px; border-radius: 50%; margin-bottom: 10px; } #by-ytl { background-image: url(../images/service-img-1.jpg); background-repeat: no-repeat; background-position: 50% 100% } .by-ytl-l { float: left; width: 150px; } .by-ytl-r { float: left; width: calc(100% - 149px); margin-left: -1px; border: 1px solid #057748; height: 288px; padding: 15px 15px 0; background-color: rgba(255, 255, 255, .8); } .by-ytl-r>.tab-contents {} .tab-contents>.tab-pane { display: none; } .tab-contents>.active { display: block; } .by-team { text-align: center; position: relative; } .by-team>img { margin-bottom: 10px; border-radius: 5px; } .by-team>div { position: absolute; right: 5px; top: 5px; line-height: 1; color: #999 } .by-team>div>span { display: block; font-size: 3rem; font-family: impact; } img.service-ts-icon { width: 80px; border-radius: 50%; margin-bottom: 10px; } .service-ts h3, .by-byg h3, .byg-item.normal .byg-item-desc h3 { font-size: 1.7rem; font-weight: 600 } .service-ts p { color: #888; line-height: 1; font-size: 1.2rem } #by-byg { background-image: url(../images/service-img-2.jpg); background-repeat: no-repeat; background-position: 50% 0%; } #by-bzyp { background: url(../images/service-img-3.png) no-repeat 50% 0% } .by-byg h3 { text-align: center; } .by-byg-wrap { width: 1100px; padding-bottom: 20px; } .by-byg-img img { width: 100%; } .by-byg { background: #fff; padding: 6px; border: 1px solid #ebebeb; transition: box-shadow .2s ease-in-out } .by-byg .by-byg-desc { padding-top: 10px; } .product-more-link { font-size: 1.4rem; } .lydq-list-wrap { background: #fff; } .lydq-item { padding: 25px 20px; border-bottom: 1px solid #ebebeb; transition: all 0.3s ease-in-out; align-items: flex-start } .lydq-item:hover { box-shadow: 0 0 6px 4px rgba(125, 125, 125, .15); border-bottom-color: transparent; } .lydq-item>.ly-img { width: 240px; margin-right: 20px; position: relative; overflow: hidden; border-radius: 4px; } .lydq-item>.ly-img>.ly-tese, .cemetery-img>.ly-tese, .bx-tese { position: absolute; left: 8px; top: -2px; z-index: 99; color: #fff; font-size: 1.3rem; background: url(../images/ly-icon-bg.png) no-repeat; width: 38px; height: 55px; padding: 5px; } .lydq-item>.ly-img img, .aside-special-item>li .img img { transition: transform 0.5s ease-in-out } .lydq-item>.ly-img img:hover, .aside-special-item>li .img img:hover { transform: scale(1.1) } .lydq-item>.ly-item-body, .ly-item-info>.ly-desc, .aside-bx-recommend .bx-desc { -webkit-box-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; } .ly-item-info>.ly-price, .ly-detail-desc-1 .ly-price { width: 125px; align-self: center; text-align: right; line-height: 1; color: #888 } .ly-item-info>.ly-price>span, .ly-detail-desc-1 .ly-price>span, .bx-detail-desc .bx-price>span { color: #ff4c00; font-size: 2.6rem; margin: 0 3px; letter-spacing: -0.05rem; font-weight: 600 } .ly-title { margin-bottom: 10px; line-height: 1; } .ly-title>h3 { font-size: 2.2rem; margin-bottom: 0; display: inline-block; margin-right: 20px; font-weight: 600 } .ly-vip-1, .ly-vip-2 { display: inline-block; position: relative; padding: 3px 4px; border-radius: 4px; } .ly-vip-1 { color: #af8a33; background-color: #fff2cf } .ly-vip-2 { color: #a7a7a7; background-color: #f1f1f1 } .ly-vip-1>i, .ly-vip-2>i { margin-right: 5px; } .ly-vip-1>.ly-tips, .ly-vip-2>.ly-tips { width: 320px; left: 0; bottom: 20px; } .ly-desc>p { line-height: 1.3; width: 455px; } .ly-desc>p.ly-local>i, .ly-item-entry>span>i, .ly-desc>p.ly-dp>i { margin-right: 5px; } .ly-desc>p.ly-local>i { color: #888 } .ly-desc>p.ly-dp span { color: #ff4c00 } .ly-desc>p.ly-local>span { margin-left: 20px; color: #1a7f34; } .ly-item-entry { padding-top: 5px; } .ly-item-entry span { float: left; line-height: 20px; font-size: 1.4rem; padding: 0 5px; display: block; margin-right: 5px; border: 1px solid transparent; position: relative; background: #fff; transition: all 0.3s ease-in-out; border-radius: 4px } .ly-item-entry span:hover { box-shadow: 0 0 0 2px rgba(233, 202, 129, 0.25) } .ly-item-entry span.icon1 { color: #fff; background-color: #21a675; } .ly-item-entry span.icon2 { background: #ff4c00; color: #fff; } .ly-item-entry span>.ly-tips { bottom: 28px; left: 0; min-width: 220px; } .ly-filter { width: 100%; line-height: 34px; } .ly-filter-item>div { width: 90px; vertical-align: top; font-weight: 600; text-align: center } .ly-filter-item>ul>li { float: left; width: 96px; text-align: center; cursor: pointer } .ly-filter-item.filter-c1>ul>li { cursor: default; width: 82px; } .ly-filter-item>ul>li.active { font-weight: 600; } .aside-service { padding: 15px 15px 5px; } .aside-service>li { margin-bottom: 8px; } .aside-service>li>a { display: block; line-height: 36px; border-radius: 3px; padding: 0 0 0 35px; position: relative; transition: all 0.3s ease-in-out; background-color: #e1f2f5 } .aside-service>li>a:hover { border-color: #21a675; } .aside-service>li>a>i { position: absolute; font-size: 2.2rem; left: 6px; color: #21a675 } .asker>.asker-img { position: absolute; bottom: 15px; right: 0; width: 72px } .asker>a { background-color: #057748; color: #fff; display: block; text-align: center; padding: 5px 0; transition: all 0.3s ease-in-out; font-size: 1.8rem; } .asker>a:hover { background-color: #21a675; } .aside-hot-bx { background: url(../images/aside-img-1.png) #fff no-repeat right top; padding: 10px 15px 20px; } .aside-special { background: url(../images/aside-img-2.png) #fff no-repeat right top; padding: 10px 15px 20px; } .aside-bx-recommend { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #ebebeb; } .aside-bx-recommend .bx-img { width: 80px; margin-right: 10px; } .aside-bx-recommend .bx-img img { border-radius: 3px; width: 100%; transition: all 0.3s ease-in-out } .aside-bx-recommend .bx-img img:hover { opacity: 0.8 } .aside-bx-recommend .bx-desc { padding-top: 5px; } .aside-bx-recommend .bx-desc h3 { font-size: 1.6rem; margin-bottom: 8px; } .aside-bx-recommend .bx-desc p { color: #888; margin-bottom: 8px; line-height: 1 } .aside-bx-recommend .bx-desc .bx-price { color: #888 } .aside-bx-recommend .bx-desc .bx-price span { color: #ff4c00; font-size: 1.6rem; margin-left: 2px; font-weight: 600 } .aside-special-item { border-bottom: 1px solid #ebebeb; } .aside-special-item>li { padding-bottom: 15px; } .aside-special-item>li .img { height: 120px; overflow: hidden; border-radius: 3px; } .aside-special-item>li .title { font-size: 1.7rem; margin-bottom: 0; padding-top: 10px; font-weight: 600; text-align: center } .ly-detail-desc-1 { min-height: 458px; } .ly-detail-desc-1 .flex-child p { max-width: 620px; } .ly-detail-slider { width: 540px; overflow: hidden } .ly-title>h1 { margin-bottom: 0; display: inline-block; margin-right: 20px; font-size: 3.2rem; font-weight: 600 } .ly-detail-desc-1 p.ly-local>span { margin-left: 20px; } .ly-detail-desc-1>.flex-child { padding: 20px 20px 0 } .ly-detail-slider>#carousel { margin-top: 5px !important } .ly-detail-slider>#carousel img { cursor: pointer; } .ly-detail-slider>#carousel .flex-active-slide img { cursor: default } .ly-s-area { background: #e1f2f5; border-radius: 5px; margin: 20px 0; padding: 15px 5px; } .ly-s-area>li, .by-s-area>li { padding: 0 10px; text-align: center; } .ly-s-area>li>a, .by-s-area>li>a { display: block; line-height: 38px; margin-bottom: 10px; border-radius: 4px; } .ly-s-area .ly-s-1, .by-s-area .by-s-1 { font-size: 2.2rem; } .ly-s-area .ly-s-2, .by-s-area .by-s-2 { color: #fff; font-size: 1.6rem; background: url(../images/asker-l.png) #057748 no-repeat 0% 100%; padding-left: 30px; } .ly-s-area .ly-s-2:hover, .by-s-area .by-s-2:hover { background-color: #21a675; } .ly-s-area .ly-s-3, .by-s-area .by-s-3 { color: #fff; background-color: #be281a; font-size: 1.6rem; } .ly-s-area .ly-s-3:hover, .by-s-area .by-s-3:hover { background-color: #db3020 } .ly-s-area b, .by-s-area b { color: #be281a } .ly-s-txt>li { color: #888; font-size: 1.3rem; line-height: 20px; } .ly-s-txt>li+li { margin-top: 8px; } .ly-s-txt>li>span { margin-right: 10px; background: #21a675; color: #fff; padding: 0 5px; display: inline-block; border-radius: 3px; } .ly-s-txt>li>a { display: inline-block; margin-left: 5px; background: #1a7f34; color: #fff; padding: 0 5px; border-radius: 3px; } .ly-s-txt>li>a:hover { background: #29a348 } .ly-coupon { background: url(../images/ly-bg-1.jpg) #fff no-repeat; padding: 20px 0 0; } .ly-coupon.coupon-notitle { background: #be281a; padding: 0; color: #ffdc8b; } .ly-coupon>ul { background: #be281a; padding: 15px 0; } .ly-coupon.coupon-notitle>ul { background: none; padding: 10px 0 } .ly-coupon>ul>li { color: #ffdc8b; border-right: 1px dashed #b9933a; padding: 20px; } .ly-coupon>ul>li:last-child { border-right: none; } .coupon-c2 { height: 140px; background-color: #feefc6; } .coupon-c2>.c2-1 { width: 300px; } .coupon-c2>.c2-2 { width: 580px; background: url(../images/coupon-line.png) no-repeat 100% 50%; padding: 15px; } .coupon-item .coupon-num { margin-right: 15px; } .coupon-item .coupon-num>span { font-size: 4.8rem; margin-left: 5px; line-height: 1 } .coupon-item .coupon-desc p { margin-bottom: 5px; } .coupon-item .coupon-linqu>a { line-height: 36px; background: #ffdc8b; color: #be281a; padding: 0 20px; display: block; border-radius: 4px; text-align: center; } .coupon-item .coupon-linqu>a:hover { background: #ebbe55; } #ly-video { background: url(../images/ly-bg-4.jpg) #fff no-repeat 100% 100%; height: 440px; } .ly-bx-item, .bx-list-item { border: 1px solid #ebebeb; transition: all 0.3s ease-in-out } .ly-bx-item .bx-img { width: 150px; margin-right: 15px; } .ly-bx-item .bx-desc, .bx-list-item .bx-desc { padding-top: 10px; } .ly-bx-item .bx-desc { width: calc(100% - 170px); } .ly-bx-item .bx-desc h3, .bx-list-item .bx-desc h3, .ly-bx-item .bx-desc .h3, .bx-list-item .bx-desc .h3 { font-size: 18px; line-height: 1.1; font-weight: 700; } .bx-list-item .bx-desc .h3 a{ color: #333; } .bx-list-item .bx-desc .h3 a:hover{ color: #ff3600; } .ly-bx-item .bx-price, .ly-bx-item .bx-meta, .bx-list-item .bx-meta { color: #666; line-height: 1.2; padding-bottom: 5px; font-size: 13px; } .ly-bx-item .bx-price span, .bx-list-item .bx-price span { padding: 0 3px; color: #ff3300; font-size:16px; letter-spacing: -0.05rem; font-weight: 700 } .ly-bx-item .bx-meta span+span, .bx-list-item .bx-meta span+span { padding-left: 5px; } #ly-famous { background: url(../images/ly-bg-2.jpg) #fff no-repeat 100% 0%; height: 350px; padding: 20px 20px 0 } .ly-famous-item { text-align: center; } .ly-famous-item img { filter: grayscale(100%); -moz-filter: grayscale(100%); transition: all 0.3s ease-in-out; } .ly-famous-item img:hover { filter: grayscale(0%); -moz-filter: grayscale(0%); } .ly-famous-item>.famous-name { margin: 10px 0 0; } #ly-info { background: url(../images/ly-bg-3.jpg) no-repeat; height: 250px; overflow: hidden; padding: 20px 185px 0; } #ly-info .ly-info-wrap .ly-info-item { height: 28px; } .dianping { padding: 0 20px; } .dianping>li { border-bottom: 1px dashed #ebebeb; margin-bottom: 10px; } .dianping .dp-user-img { width: 70px; } .dianping .dp-user-img img { width: 48px; border-radius: 50%; } .dianping .dp-user-info { margin-bottom: 10px; } .dianping .dp-user-info .dp-name { font-size: 1.6rem; font-weight: 600 } .dianping .dp-user-info span { margin-right: 10px; display: inline-block; line-height: 20px; } .dianping .dp-user-info .user-class { border: 1px solid #21a675; color: #21a675; padding: 0 6px; border-radius: 3px; } .dianping .dp-user-info .user-class.active { border-color: #a78e44; color: #a78e44; } .dianping .dp-photo>li { width: 80px; margin-bottom: 10px; } .dianping .dp-photo>li img { border-radius: 3px; } .dianping .dp-txt p, .bx-list-item .bx-price { color: #888 } .ly-detail-recommend, .bx-list-item { text-align: center; } .ly-detail-recommend img { margin-bottom: 10px; } .ly-detail-recommend h3 { font-size: 1.6rem; } .ly-yuyue { position: fixed; right: 30px; top: 180px; z-index: 100; } .ly-yuyue .yuyue-con { background-color: rgba(195, 39, 43, .85); width: 240px; padding: 10px; border-radius: 5px; color: #fff; } .ly-yuyue .yuyue-con>img { float: left; width: 48px; border-radius: 50%; } .ly-yuyue .yuyue-con>p { margin-bottom: 0; margin-left: 58px; } .bx-title-wrap { padding: 30px 0 20px; text-align: center; background: url(../images/bx-img-1.png) #e2d2b0 no-repeat 50% 100%; } .bx-list-item .bx-desc { padding-bottom: 10px; background-color: #fff; color: #888 } .bx-list-item .bx-img { position: relative; padding: 2px } .bx-list-item .bx-img .view-bx { position: absolute; width: 100px; background: rgba(5, 119, 72, .88); opacity: 0; left: 50%; top: 45%; color: #fff; line-height: 28px; border: 1px solid #fff; text-align: center; transition: all 0.4s ease-in-out; transform: translate(-50%, -50%); cursor: pointer } .bx-list-item .bx-img:hover .view-bx { opacity: 1; top: 50% } .bx-list-item .bx-img:hover img { opacity: 0.85 } .bx-list-item .bx-img .bx-class { position: absolute; left: 8px; bottom: 8px; background-color: rgba(0, 0, 0, .65); color: #fff; padding: 5px 10px; border-radius: 14px; font-size: 12px } .bx-list-item .bx-desc p { margin-bottom: 6px } .bx-detail-desc { padding: 20px 20px 0 } .bx-detail-img { width: 500px; } .bx-detail-cs>li { margin-bottom: 10px; } .bx-detail-cs { margin-bottom: -10px; } #bx-list>.portfolio-item { height: 335px; } .tips-txt i { font-size: 4.8rem; } .container { width: 1200px; margin: 0 auto; /*padding: 50px 0;*/ } .home-banner, .container-fluid { width: auto; min-width: 1200px; max-width: 1920px; margin: 0 auto } .home-banner article, .home-banner { height: 380px; } .home-banner { background-color: #000 } .p-title-1 { font-size:18px; line-height: 1; padding-left: 10px; border-left: 3px solid #057748; margin-bottom: 20px; margin-top: 10px; font-weight: 600 } .p-title-2, .p-title-3 { margin-bottom: 30px; text-align: center } .p-title-4 { margin-bottom: 20px; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; } .p-title-6 { margin-bottom: 20px; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-top: 10px; } .p-title-5 { text-align: center; margin-bottom: 30px; margin-top: 30px; } .p-title-4.no-border, .p-title-6.no-border { border-bottom: none; margin-bottom: 10px; } .p-title-3.mb-xs, .p-title-2.mb-xs, .p-title-5.mb-xs { margin-bottom: 20px !important } .p-title-1 .title { font-size: 18px; margin-bottom: 0; display: inline-block; line-height: 1; font-weight: 600 } .p-title-2>.title, .p-title-4>.title { font-size: 2.4rem; margin-bottom: 0; display: inline-block; position: relative } .p-title-3>.title { font-size: 40px; margin-bottom: 0; display: inline-block; position: relative; color: #333; } .p-title-2>.title:after { content: ""; height: 2px; background: #aaa; width: 80px; display: block; margin: 10px auto; } .p-title-2>p, .p-title-3>p, .p-title-5>p { font-size: 18px; margin-bottom: 0; color: #666666; } .p-title-3>p { margin-top: 15px; } .p-title-1.font-lg { font-size: 2.4rem; } .p-title-4>.title, .p-title-6>.title { border-left: 3px solid #057748; padding-left: 10px; line-height: 1; } .p-title-6>.title { font-size: 2.15rem; margin-bottom: 0; } .p-title-5>.title { position: relative; margin-bottom: 5px; } .p-title-5>.title:before { content: ""; height: 30px; width: 2px; background: #aaa; position: absolute; bottom: 120%; left: 50%; } /*服务优势*/ .conter_main{ background-color: #f5f5f5; padding: 25px 0; } .ser_adv{ overflow: hidden; } .ser_adv ul{ overflow: hidden; } .ser_adv ul li{ float: left; margin-left: 17px; overflow: hidden; position: relative; } .ser_adv ul li:first-child{ margin: 0; } .ser_adv ul li:hover img{ transform: scale(1.05); opacity: 0.8; } .ser_adv ul li img{ transition: all 0.6s; } .ser_adv ul li h2{ font-size: 26px; color: #fff; font-weight: 700; } .ser_adv ul li .mudi-jgb{ position: absolute; top: 72px; left: 40px; z-index: 2; } .ser_adv ul li .mudi-jgb p{ font-size:14px; color: #fff; margin: 10px 0 0; } .ser_adv ul li .xuanmu-fw{ position: absolute; top: 50px; left: 15px; } .ser_adv ul li .xuanmu-fw .fuwu-zl{ overflow: hidden; display: flex; flex-wrap:wrap; justify-content: space-between; } .ser_adv ul li .xuanmu-fw .fuwu-zl li{ font-size: 16px; color: #fff; width: 50%; margin-top: 15px; margin-left: 0; background-image: url(../images/advantage-2-1.png); background-repeat: no-repeat; padding-left: 20px; background-position-y: 5px; } .ser_adv ul li .mudi-zixun{ position: absolute; top: 50px; left: 15px; } .ser_adv ul li .mudi-zixun h2{ color: #f9e471; } .ser_adv ul li .mudi-zixun p{ font-size: 24px; color: #fff; margin: 15px 0; } .ser_adv ul li .mudi-zixun a{ width: 111px; height: 35px; line-height: 35px; text-align: center; display: block; color: #fff; font-size: 15px; font-weight: 700; background-image: url(../images/advantage-3-1.png); background-repeat: no-repeat; } /*服务优势*/ .index-ly-title{ margin-bottom: 10px; line-height: 1; } .index-ly-title>h3, .index-ly-title>.h3 { font-size: 24px; margin-bottom: 0; display: inline-block; font-weight: 700; color: #333333; } .index-ly-title>.ly-vip-1, .index-ly-title>.ly-vip-2 { float: right; } .index-ly-title .ly-vip-1>.ly-tips, .index-ly-title .ly-vip-2>.ly-tips { width: 280px; left: -100%; bottom: 20px; font-size: 1.2rem; } .cemetery-r-item, .cemetery-r2-item, .cemetery-special-item { background-color: #fff; box-shadow: 0 0 6px 2px rgba(125, 125, 125, .2); transition: box-shadow 0.3s ease-in-out } .cemetery-r-item .desc, .cemetery-special-item .desc { padding: 15px; } .cemetery-r-item .desc p, .cemetery-r3-item .desc p, .cemetery-r2-item .desc p { margin-bottom: 6px; font-size: 14px; color: #999999; } .cemetery-special-item .img { transition: opacity 0.3s ease-in-out; position: relative } .cemetery-img{ overflow: hidden; } .cemetery-img img { cursor: pointer; transition: all 0.6s; } .cemetery-img img:hover{ transform: scale(1.1); } .cemetery-special-item .img:hover { opacity: 0.85 } .cemetery-r2-item .desc { padding: 15px 10px; } .cemetery-r2-item .index-ly-title>h3, .cemetery-r2-item .index-ly-title>.h3 { font-size: 1.7rem; font-weight: 600; width: 194px; overflow: hidden; height: 20px } .cemetery-r2-item .index-ly-title>.ly-vip-1, .cemetery-r2-item .index-ly-title>.ly-vip-2 { font-size: 1.2rem } .cemetery-r2-item .desc p, .cemetery-special-item .desc p { height: 40px; line-height: 20px; } .cemetery-r3-item { background-color: #e1f2f5; padding: 10px; transition: all 0.3s ease-in-out } .cemetery-r3-item .desc { padding: 15px; background-color: #fff; } #index-hot-beixing .bx-list-item .bx-desc h3, #index-hot-beixing .bx-list-item .bx-desc .h3 { margin-bottom: 5px; } #index-hot-beixing .bx-list-item .bx-meta { padding-bottom: 5px; } .index-saidan-wrap { height: 560px !important; overflow: hidden; position: relative; } .index-saidan-wrap:before { position: absolute; left: 0; bottom: -5px; width: 100%; height: 80px; content: ""; background: linear-gradient(to top, #ffffff 30%, rgba(255, 255, 255, 0) 100%); z-index: 9; pointer-events: none; } .index-saidan { position: relative; } .index-saidan>li { padding: 10px; margin-bottom: 10px; border: 1px solid #ebebeb; border-radius: 3px; } .index-saidan>li h3, .saidan-item h3, .index-saidan>li .h3, .saidan-item .h3 { font-size: 1.5rem; font-weight: 600; margin-bottom: 6px; margin-top: 6px; } .index-saidan>li .sd-text { max-height: 63px; overflow: hidden } .sd-text>a, .dianping .dp-txt p>a { margin-left: 5px; color: #c3272b } .sd-text>a:hover, .dianping .dp-txt p>a:hover { color: #249741 } .index-saidan>li .sd-user-img img, .saidan-item .sd-user-img img, .share-desc .sd-user-img img { width: 40px; height: 40px; border-radius: 50%; } .index-saidan>li .ul-c>li, .saidan-item .ul-c>li { padding-right: 5px; } .index-saidan>li .ul-c>li img, .saidan-item .ul-c>li img { border-radius: 3px; } .saidan-item .ul-c>li img { height: 50px; } .index-saidan>li .ul-c, .saidan-item .ul-c { margin-right: -5px; padding-top: 10px; } .index-by-ytl { background: url(../images/index-bzytl.jpg) no-repeat; } .index-by-ytl-content { height: 290px; padding: 15px 20px 0; color: #fff } .index-bzyp-1 { height: 160px; margin-bottom: 10px; background: url(../images/index-bzyp-1.jpg) no-repeat; padding: 15px 10px 0 0; border-radius: 5px; } .index-bzyp-1 h4, .index-bzyp-2 h4, .index-news-i-1 a { font-size: 2.2rem; margin-bottom: 3px; } .index-bzyp-1 p, .index-bzyp-2 p, .index-news-i-1 p { margin-bottom: 0px; } .index-bzyp-1 h4 a { color: #73512e; } .index-bzyp-1 p { color: #a68766 } .index-bzyp-2>li:nth-child(1) div h4 a { color: #7b0e2f } .index-bzyp-2>li:nth-child(2) div h4 a { color: #3c3c3c } .index-bzyp-2>li:nth-child(1) div P { color: #c38482 } .index-bzyp-2>li a:hover, .index-bzyp-1 a:hover { opacity: 0.85 } .index-bzyp-1 span, .index-bzyp-2>li div span, .index-news-i-1 span { display: inline-block; margin-top: 8px; width: 26px; height: 26px; background: #fff; border-radius: 50%; line-height: 26px; text-align: center; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2); font-weight: 600 } .index-bzyp-2, .index-news-i-2 { margin-right: -10px; } .index-bzyp-2>li, .index-news-i-2>li { padding-right: 10px; } .index-bzyp-2>li div { height: 160px; overflow: hidden; padding: 10px 10px 0 0; border-radius: 5px; } .index-bzyp-2>li:nth-child(1) div { background: url(../images/index-bzyp-2-1.jpg) no-repeat } .index-bzyp-2>li:nth-child(2) div { background: url(../images/index-bzyp-2-2.jpg) no-repeat } .index-byg-list>li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; } .index-byg-list>li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .index-byg-list .index-byg-img { width: 100px; margin-right: 10px; } .index-byg-list .index-byg-img img { border-radius: 3px; } .index-byg-list .index-byg-desc { -webkit-box-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; } .index-byg-list .index-byg-desc h3 { font-size: 1.6rem; margin-bottom: 6px; } .index-byg-list .index-byg-desc p { color: #888 } .index-info-list li { padding-left: 10px; background: url(../images/icon-point.png) no-repeat 0% 50% } .index-info-list li a { display: block; float: left; max-width: 300px; } .index-info-list li+li { margin-top: 10px; } .index-news-i-1 { height: 130px; margin-bottom: 18px; background: url(../images/index-news-img-1.jpg) no-repeat; padding: 15px; text-align: right; transition: opacity 0.3s ease-in-out; border-radius: 5px; overflow: hidden } .index-news-i-1>a {} .index-news-i-1 p, .index-news-i-1 a { color: #fff; } .index-news-i-1>a:hover { opacity: .9 } .index-news-i-2>li div { border-radius: 3px; padding: 15px; text-align: center; background-image: linear-gradient(to bottom, #ffffff 20%, #e1f2f5 100%); } .index-news-i-2>li div>i { font-size: 3.6rem; } .index-news-i-2>li div>h3 { margin-bottom: 0; font-size: 1.6rem; } .index-xm-progress { margin-bottom: 20px; margin-right: -15px; } .index-xm-progress>li { text-align: center; padding-right: 15px; position: relative } .index-xm-progress>li:before, .index-xm-progress>li:after { content: ""; position: absolute; border-top: 1px solid #249857; top: 40px; width: 50%; z-index: 0 } .index-xm-progress>li:before { left: 0; } .index-xm-progress>li:after { right: 0 } .index-xm-progress>li:first-child:before, .index-xm-progress>li:last-child:after { border-top: none; } .index-xm-progress>li>img { display: block; margin: 0 auto; position: relative; z-index: 2; width: 72px; } .index-xm-progress>li>div { font-size: 16px; margin: 20px 0 10px; line-height: 1; font-weight: 600 } .index-xm-progress>li>p{ font-size: 14px; color: #999999; } .liuctel{ width: 250px; height: 38px; background-color: #249857; color: #fff; border-radius: 50px; line-height: 38px; text-align: center; display: inline-block; font-size: 15px; } .liuctel:hover{ background-color: #249857; color: #fff; } .index-tese-ly { background: #000; } .index-tese-ly>a { display: block; position: relative; color: #fff; } .index-tese-ly>a>.tese-ly-desc { position: absolute; left: 0; width: 100%; top: 45%; text-align: center; transition: all 0.3s ease-in-out } .index-tese-ly>a:before, .index-tese-ly>a:after { content: ""; position: absolute; height: 50px; width: 50px; border: 1px solid rgba(255, 255, 255, .5); z-index: 9; transition: all 0.3s ease-in-out } .index-tese-ly>a:before { left: 10px; top: 10px; border-bottom: none; border-right: none; } .index-tese-ly>a:after { right: 10px; bottom: 10px; border-top: none; border-left: none } .index-tese-ly>a img { opacity: .75; transition: all 0.5s ease-in-out } .index-tese-ly>a:hover img { opacity: .95 } .index-tese-ly>a:hover:before { left: 30px; top: 30px; } .index-tese-ly>a:hover:after { right: 30px; bottom: 30px; } .index-tese-ly>a:hover>.tese-ly-desc { top: 40% } #about-1 { background: url(../images/about-img-1.jpg) #fff no-repeat 100% 100%; } .about-1-a { font-size: 1.6rem; margin-bottom: 20px; } .about-1-b { width: 800px; } .about-icon { width: 35px; } .about-icon i { font-size: 2.4rem; line-height: 1; color: #c3272b } .about-desc h3 { margin-bottom: 5px; font-size: 1.6rem; font-weight: 600 } .about-desc p, #about-3 .portfolio-item p { color: #888 } #about-2 { height: 530px; background: url(../images/about-img-2.jpg) #fff no-repeat 50% 0%; padding: 20px 20px 0 } .about-2-desc article { width: 242px; margin-left: auto; margin-right: auto; } .about-2-desc .portfolio-item:nth-child(even) article { margin-top: 50px } .about-2-desc article>.title-img, #about-3 .portfolio-item { text-align: center; } .about-2-desc article>p { line-height: 1.8; text-align: justify; } #about-3 .portfolio-item h3 { font-size: 1.6rem; padding-top: 10px; } #share-good .portfolio-item:before, #share-good .portfolio-item:after, #share-good:before, #share-good:after { content: ""; display: table; } #share-good .portfolio-item:after, #share-good:after { clear: both; } .saidan-item { border: 1px solid #ebebeb; padding: 10px; transition: all 0.3s ease-in-out; position: relative; height: 100% } .saidan-item:hover { box-shadow: 0 0 4px 2px rgba(5, 119, 72, 0.4); border-color: #fff; } .share-desc h3 { margin-top: 0.8rem; } .share-img-wrap { width: 840px; margin-bottom: 20px; } .share-img-wrap .share-img { width: 840px !important } .share-img-wrap .share-img img { width: auto !important; margin: 0 auto; max-height: 550px } a.share-button { display: block; position: absolute; top: 169px; left: 429px; width: 160px; height: 42px; border-radius: 5px; background-color: #f52424; color: #fff; text-align: center; line-height: 42px; font-size: 2.2rem; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .3); } a.share-button:hover { background-color: #db3020 } .saidan-nav { margin-bottom: 2rem; border-bottom: 1px solid #057748 } .saidan-nav>li { margin-bottom: -1px; position: relative } .saidan-nav>li>a { display: block; line-height: 40px; border: 1px solid transparent; border-radius: 4px 4px 0 0; padding: 0 20px; margin-right: 1px; font-size: 1.6rem } .saidan-nav>li.active>a { border: 1px solid #057748; border-bottom-color: transparent; background-color: #fff; color: #057748 } .saidan-nav>li:not(.active)>a:hover { background-color: #e1f2f5; border-bottom-color: #057748 } .saidan-nav>li span { font-size: 13px; margin-left: 5px; } .w-10 { width: 10% } .w-15 { width: 15% } .w-20 { width: 20% } .w-25 { width: 25% !important; } .w-30 { width: 30% !important; } .w-40 { width: 40% !important; } .w-50 { width: 50% !important; } .w-60 { width: 60% !important; } .w-70 { width: 70% !important; } .w-75 { width: 75% !important; } .w-80 { width: 80% !important; } .w-85 { width: 85% !important; } .w-90 { width: 90% !important; } .w-95 { width: 95% !important; } .w-100 { width: 100% !important; } .h-100 { height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .mt--5 { margin-top: -5px; } .mr-20, .mx-20 { margin-right: 20px; } .ml-10, .mx-10 { margin-left: 10px; } .ml-20, .mx-20 { margin-left: 20px; } .mb-tiny { margin-bottom: 6px; } .mb-10, .mx-10 { margin-bottom: 10px; } .mb-20, .my-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mt-10 { margin-top: 10px } .mt-15 { margin-top: 15px } .mt-20, .my-20 { margin-top: 20px } .pb-0 { padding-bottom: 0 !important } .pb-tiny { padding-bottom: 6px !important } .pt-10, .p-10, .py-10 { padding-top: 10px; } .pb-10, .p-10, .py-10 { padding-bottom: 10px; } .pl-10, .p-10 { padding-left: 10px; } .pr-10, .p-10 { padding-right: 10px } .pt-15, .p-15 { padding-top: 15px; } .pb-15, .p-15 { padding-bottom: 15px; } .pl-15, .p-15, .px-15 { padding-left: 15px; } .pr-15, .p-15, .px-15 { padding-right: 15px } .pb-20, .p-20, .py-20 { padding-bottom: 20px; } .pl-20, .px-20, .p-20 { padding-left: 20px; } .pr-20, .px-20, .p-20 { padding-right: 20px; } .pt-20, .p-20, .py-20 { padding-top: 20px; } .pt-40, .py-40, .p-40 { padding-top: 40px; } .pb-40, .py-40, .p-40 { padding-bottom: 40px; } .pl-40, .px-40, .p-40 { padding-left: 40px; } .pr-40, .px-40, .p-40 { padding-right: 40px; } .block-center { margin-left: auto; margin-right: auto; } .offset-10 { margin-left: 10%; } .offset-20 { margin-left: 20%; } .offset-30 { margin-left: 30%; } .offset-40 { margin-left: 40%; } .border { border: 1px solid #ebebeb !important; } .border-top { border-top: 1px solid #ebebeb !important; } .border-right { border-right: 1px solid #ebebeb !important; } .border-bottom { border-bottom: 1px solid #ebebeb !important; } .br-5 { border-radius: 5px; } .img-circle { border-radius: 50% !important } .z-big { z-index: 1000 !important } a.for-ad-img { position: relative; display: block; } a.for-ad-img:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .2); opacity: 0; transition: opacity 0.3s ease-in-out } a.for-ad-img:hover:before { opacity: 1; } a.for-ad-img .ly-tips { left: 5px; top: 5px; right: 5px; } a.hot { position: relative; } a.hot:after { content: "\e60e"; font-family: "iconfont"; color: #be281a; position: absolute; right: -16px; top: -6px; line-height: 1; z-index: 9 } .oh { overflow: hidden; } .background-image-holder { background-size: cover !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .background-image-holder>img { display: none; } .box-shadow { box-shadow: 0 0 6px 2px rgba(125, 125, 125, .2) } .random-banner { height: 100px; overflow: hidden; } .random-banner.large { height: 160px; } .random-banner.cube { height: 236px; } .carousel-tian a { display: block; height: 100% } .carousel-tian a>div { transition: opacity 0.2s ease-in-out } .carousel-tian a:hover>div { opacity: .9 } .dialog-message { background-color: #fff; width: auto; border-radius: 5px; box-shadow: 0 8px 6px -6px black; text-align: left; display: none; } .dialog-message .modal-body { padding: 15px; position: relative; } .dialog-message .close { position: absolute; top: 5px; right: 5px; cursor: pointer; background: 0 0; border: 0; font-size: 22px; color: #ddd; font-weight: 600 } .dialog-message .close:hover { color: #fff } .dialog-message { width: 480px; } .dialog-message .modal-title { height: 130px; border-radius: 4px 4px 0 0; } #yuyue-dialog .modal-title { background: url(../images/dialog-title-yy.jpg) no-repeat; } #youhui-dialog .modal-title { background: url(../images/dialog-title-yh.jpg) no-repeat; } #binyifuwu-dialog .modal-title { background: url(../images/dialog-title-byfw.jpg) no-repeat; } .dialog-message .modal-body { min-height: 230px; background: url(../images/dialog-yy-bottom.png) no-repeat 50% 100%; } .yuyue-form { width: 100% } .yuyue-form>div>div { padding: 12px 5px; position: relative; } .yuyue-form>div>div>.err { color: #be281a; position: absolute; left: 10px; bottom: -3px; font-size: 1.2rem; line-height: 1 } .btn.btn-getcode { height: 34px; line-height: 1.5; display: block } .dialog-message .modal-body>.dialog-sucess { position: absolute; background: #fff; left: 0; top: 0; width: 100%; height: calc(100% - 40px); text-align: center; padding: 20px; display: none; } .dialog-message .modal-body>.dialog-sucess.active { display: block; } #linyuan-dp.dialog-message { width: 720px !important } #linyuan-dp.dialog-message .modal-title { height: 42px; background: #af8a33; color: #fff; font-size: 1.8rem; line-height: 42px; padding-left: 15px; } #linyuan-dp .lydp-form { width: 100%; } #linyuan-dp .d-table.lydp-form>div>div { padding: 5px 10px; } #linyuan-dp .lydp-form .form-itme-1 { width: 90px; font-weight: 600 } #linyuan-dp.dialog-message .modal-body { padding: 15px 20px 50px; } #linyuan-dp .ly-upload-img { border: 1px solid #ebebeb; padding: 10px; margin-bottom: 10px; } #filePicker { font-size: 2.2rem; border: 1px dashed #ccc; padding: 10px; } #filePicker i { margin-right: 5px; color: #be281a } #filePicker:hover { border-color: #af8a33 } .xm-progress>li { position: relative; border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .xm-progress>li .title { padding: 10px 0; background: linear-gradient(0deg, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, 0) 100%); position: absolute; left: 0; bottom: 0; font-size: 14px; right: 0; color: #ddd; text-align: center; line-height: 1 } .xm-progress>li .xm-num { position: absolute; left: 0; top: 0; width: 28px; height: 28px; background: rgba(190, 40, 26, .8); border-bottom-right-radius: 14px; text-align: center; color: #fff; line-height: 28px; font-size: 16px } .video-wrap { margin-bottom: 30px; width: 1120px; margin-left: auto; margin-right: auto; height: auto } .video-wrap video { width: 100%; background: #000; cursor: pointer } .zc-youshi>li { height: 220px; background: #f1f1f1; position: relative; } .zc-youshi>li .zcys-desc { padding: 0 20px; position: absolute; top: 30px; height: 120px; z-index: 2; } .zc-youshi>li:nth-child(2) .zcys-desc, .zc-youshi>li:nth-child(4) .zcys-desc { border-left: 5px solid #db3020; left: -5px } .zc-youshi>li:nth-child(5) .zcys-desc, .zc-youshi>li:nth-child(7) .zcys-desc { border-right: 5px solid #db3020; right: -5px; } .zc-team>li { border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .search-result .search-img { width: 180px; text-align: right; margin-left: 20px; } .search-result li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; } .search-no-result i { font-size: 6.4rem; } .price-table .d-row>div { padding: 8px; text-align: center; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; } .price-table .d-row>div:first-child { border-left: 1px solid #dadada; width: 20% } .price-table .d-row>div:not(:first-child) { width: 10%; } .price-table .d-row:first-child>div { border-top: 1px solid #dadada; font-weight: 600 } .price-table .d-row:nth-child(odd) { background-color: #f1f1f1; } .price-table a { color: #187552; text-decoration: underline } #bd-map-container { height: calc(100vh - 88px); } .map-ly-left { position: fixed; left: 0; width: 320px; background-color: rgba(255, 255, 255, .95); bottom: 56px; z-index: 9; top: 88px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .35); border-right: 1px solid #dedede; } .lymaplabel { padding: 0 8px; text-align: center; position: relative; z-index: 0; border-radius: 2px; cursor: pointer; background: #be281a; color: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2); } .lymaplabel>img { position: absolute; top: -1px; left: -28px; width: 26px; } .lymaplabel:hover { background-color: #db3020; } .lymaplabel.active { background-color: #0e85de; } .lymaplabel>.detailwrap { position: absolute; top: -170px; left: -130px; } .lymaplabel>.detailwrap .detail-con { background-color: rgba(255, 255, 255, .95); color: #3c3c3c; padding: 12px; width: 360px; height: 160px; border-radius: 8px; display: none; position: relative; text-align: left; line-height: 1.5; white-space: normal; cursor: default; } .lymaplabel>.detailwrap .detail-con.active { display: block; } .lymaplabel>.detailwrap .detail-con:after { position: absolute; bottom: -8px; left: 181px; content: ''; display: block; border-top: 8px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; } .lymaplabel>.detailwrap .detail-con .img-wrap { float: left; width: 120px; } .lymaplabel>.detailwrap .detail-con .img-wrap img, .map-lylist-item .img img { border-radius: 3px; } .lymaplabel>.detailwrap .detail-con .con-wrap { float: right; width: calc(100% - 130px); } .lymaplabel>.detailwrap .detail-con h3, .ly-map-con .con-wrap h3 { margin-bottom: 10px; line-height: 1; font-size: 1.6rem; font-weight: 600 } .lymaplabel>.detailwrap .detail-con p, .ly-map-con p { height: 40px; overflow: hidden; margin-bottom: 3px; } .lymaplabel>.detailwrap .detail-con .price, .ly-map-con .con-wrap .price { color: #888 } .lymaplabel>.detailwrap .detail-con .price>span, .map-lylist-item .item-con .price>span, .ly-map-con .con-wrap .price>span { font-size: 1.8rem; margin: 0 3px; color: #ff4c00; font-weight: 600 } .lymaplabel>.detailwrap .detail-con .close { position: absolute; right: 10px; top: 10px; cursor: pointer } .lymaplabel>.detailwrap .detail-con .close:hover { color: #af8a33 } .lymaplabel>.detailwrap .detail-con .btnwrap { position: absolute; bottom: 12px; left: 12px; } .lymaplabel>.detailwrap .detail-con .btnwrap .btn+.btn { margin-left: 6px; } .map-c-filter { padding: 0 10px 10px; } .map-c-filter li { float: left; width: 74px; cursor: pointer; text-align: center; line-height: 28px; } .map-c-filter li.active, .map-c-filter li:hover { color: #c3272b; } .map-c-filter li.active { font-weight: 600 } .map-lylist-wrap { overflow-y: auto; height: calc(100% - 170px); position: relative; } .map-lylist-item { border-bottom: 1px dotted #ddd; padding: 10px; cursor: pointer; } .map-lylist-item .btn { visibility: hidden; } .map-lylist-item:hover { background-color: #f6f6f6; } .map-lylist-item:hover .btn { visibility: visible; } .map-lylist-item .img { float: left; width: 100px; } .map-lylist-item .item-con { float: right; width: calc(100% - 110px); position: relative; } .map-lylist-item .item-con h3 { font-size: 1.4rem; margin-bottom: 6px; font-weight: 600; } .map-lylist-item .item-con p { margin-bottom: 6px; } .map-lylist-item .item-con .price { position: absolute; right: 0; top: 22px; color: #888 } .map-lylist-item .item-con .ly-vip-1, .map-lylist-item .item-con .ly-vip-2 { font-size: 1.2rem; margin-right: 6px; } .ly-map-con { width: 400px; position: relative; } .ly-map-con .img-wrap { float: left; width: 140px; } .ly-map-con .con-wrap { float: right; width: calc(100% - 150px); } .ly-map-con .tel { position: absolute; font-size: 1.8rem; right: 0; bottom: 0; color: #af8a33; } .baidu-map-route { position: absolute; right: 10px; top: 10px; height: 130px; background: #fff; width: 300px; border-bottom: 1px solid #ebebeb; } #r-result { position: absolute; right: 10px; top: 140px; width: 300px; overflow: auto; } .map-tab { border-bottom: 2px solid #af8a33; margin-bottom: 10px; } .map-tab>li { height: 35px; text-align: center; line-height: 35px; } .map-tab>li>a { display: block } .map-tab .map-tab-item { cursor: pointer; } .map-tab .map-tab-item:hover, .map-tab .map-tab-item.active { background-color: #af8a33; color: #fff; } .map-route-search>.mrs-1 { width: 40px; text-align: center } .map-route-search>.mrs-1 i { font-size: 2.2rem; color: #af8a33; cursor: pointer; } .map-route-search>.mrs-2 { width: 180px; margin-right: 10px; } .sel_n .sel_body_name { height: auto !important } .percents { position: absolute; height: 20px; display: inline-block; top: 3px; left: 2%; color: #fff } .bars { background-color: green; display: block; width: 0%; height: 20px; border-radius: 3px; } .photos_area .items { float: left; margin: 0 10px 10px 0; position: relative; } .photos_area .items { position: relative; float: left; margin: 0 10px 10px 0; } .photos_area .items img { border: 1px solid #cdcdcd; } .photos_area .operates { background: rgba(33, 33, 33, 0.7) none repeat scroll 0 0; bottom: 0px; padding: 5px 0; left: 0; position: absolute; width: 102px; z-index: 5; line-height: 21px; text-align: center; } .photos_area .operates i { cursor: pointer; display: inline-block; font-size: 0; height: 12px; line-height: 0; margin: 0 5px; overflow: hidden; width: 12px; background: url("../images/icon_sucaihuo.png"); } .photos_area .operates .toright { background-position: -13px -13px; position: relative; top: 1px; } .photos_area .operates .toleft { background-position: 0 -13px; position: relative; top: 1px; } .photos_area .operates .del { background-position: -13px 0; position: relative; top: 0px; } .site-map-list-1>h3 { padding-bottom: 5px; border-bottom: 1px solid #ececec; } .site-map-list-1>ul { margin-bottom: 20px; } .site-map-list-1>ul>li { display: inline-block; margin-bottom: 8px; margin-left: 6px; } .site-map-list-1>ul>li a, .site-map-list-2>ul>li a { display: block; background-color: #eaeaea; padding: 4px 8px; border-radius: 3px; } .site-map-list-2>ul>li { width: 25%; float: left; padding-right: 10px; margin-bottom: 10px; } .site-map-list-2>ul>li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .special-wrap { background: #fff; padding: 20px 20px 40px; } .cemetery-special-item .desc .title { font-size: 2.15rem; } .page-b-index { background: url(../images/page-index-bg.png) no-repeat #fff 50% 100%; padding: 20px; border-radius: 5px; } .page-index-content { margin-left: -15px; } .page-index-content>div { width: 20%; padding-left: 15px; border-left: 1px solid #ededed; } .page-index-content>div:first-child { border-left: none; } .page-index-content .title { font-weight: bold; font-size: 1.4rem; text-align: center; margin-bottom: 10px; } .page-index-content .item>a { display: block; width: 50%; float: left; line-height: 26px; color: #888 } /*======== special ==========*/ .zhuanti-body .footer-wrap { margin-top: 0 !important } .zhuanti-body { min-width: 1200px; background: #fff !important } .qm-wrap { background: url(../images/content-bg.jpg) #dbfff0 no-repeat 50% 100%; padding-bottom: 30px } .qm-wrap a:hover { color: #009944; } .qm-banner { height: 600px; position: relative } .qm-banner:before { position: absolute; height: 120px; content: ""; left: 0; bottom: -120px; width: 100%; background: url(../images/banner-bottom.png) no-repeat 50%; } .qm-banner-content { position: absolute; top: 236px; left: 0; width: 100%; color: #057196 } .qm-th span { display: inline-block; background-color: rgba(255, 255, 255, .85); padding: 10px 20px; border-radius: 6px; font-size: 1.8rem; } .qm-th span+span, .qm-button>a+a { margin-left: 20px; } .qm-th-2 { font-size: 2.15rem; margin-bottom: 10px; padding-top: 5px; } .qm-button { margin: 30px 0 20px; } .qm-date { font-size: 1.8rem; padding-top: 30px; } .qm-button>a { display: inline-block; background: #009944; color: #fff; font-size: 2.15rem; padding: 10px 20px; border-radius: 4px; min-width: 190px; text-align: center; box-shadow: 3px 3px 6px 0 rgba(0, 99, 58, .4); transition: all 0.3s ease-in } .qm-button>a:hover, .qm-button>a:active { color: #fff; background: linear-gradient(to right, #009944 0%, #00633a 100%); background-color: #00633a } .qm-block { padding: 60px 0 30px; } .qm-title { text-align: center; margin-bottom: 40px; } .qm-title .title { display: inline-block; line-height: 1; font-size: 2.8rem; letter-spacing: .2rem; position: relative; margin-bottom: 0 } .qm-title .title:before, .qm-title .title:after { content: ""; width: 52px; height: 12px; position: absolute; } .qm-title .title:before { background: url(../images/title-bg-1.png) no-repeat; left: -80px; top: 8px; } .qm-title .title:after { background: url(../images/title-bg-2.png) no-repeat; right: -80px; top: 8px; } .qm-th-wrap { background: #fff; border-radius: 6px; padding: 30px 25px; box-shadow: 0 0 8px 4px rgba(0, 99, 58, .1) } .qm-th-wrap .img { text-align: center; margin-bottom: 10px; } .qm-c { color: #009944; } .qm-hzly { background: #fff; transition: all 0.3s ease-in } .qm-hzly:hover { box-shadow: 0 0 12px 8px rgba(0, 99, 58, .1) } .qm-hzly .img { position: relative; } .qm-hzly .img .label { position: absolute; left: 12px; top: -12px; width: 50px; height: 54px; background: url(../images/qm-label.png); color: #fff; padding: 5px 9px 0 16px; line-height: 1.2; font-size: 1.2rem; } .qm-hzly .desc { padding: 10px 20px; } .qm-hzly .desc h3 { font-size: 1.6rem; border-bottom: 1px solid #afe2cd; padding-bottom: 10px; font-weight: 600; } .qm-hzly .desc h3 .local { font-size: 1.4rem; font-weight: normal; color: #888 } .qm-hzly .desc .price { text-align: center; line-height: 1; color: #888 } .qm-hzly .desc .price>span { color: #009944; font-size: 2.4rem; margin: 0 2px; letter-spacing: -0.08rem; } .qm-bmwrap { background-color: #fff; position: relative; padding: 0 30px 30px; border-radius: 0 0 8px 8px; } .qm-bmwrap:before { position: absolute; content: ""; background: url(../images/bm-header.png); height: 32px; left: -20px; width: 1200px; top: -16px; } .qm-bm-comtent { background: #fff; padding: 20px 60px; box-shadow: 0 0 12px 6px rgba(0, 99, 58, .1); border-radius: 0 0 8px 8px; position: relative; } .qm-bm-comtent:before { content: ""; position: absolute; top: 0; left: 50%; height: 100%; width: 0; border-left: 1px dashed #019944 } .qm-port .portfolio-item { padding: 0 20px 40px 0 !important; } .qm-num { font-size: 1.8rem; } .qm-num>span { margin: 0 5px; color: #ffad10; font-size: 2.6rem; } #qmyh-bm { padding: 20px 0; position: relative; } .qmyh-tips { display: none; position: absolute; left: -15px; top: 0; width: 460px; height: 100%; padding: 30px 20px; background: url(../images/tips-bg.png) #fff no-repeat } .qmyh-tips.active { display: block; } #qmyh-bm .yuyue-tel, #qmyh-bm .yuyue-code-input { padding-bottom: 30px; position: relative } #qmyh-bm .err { position: absolute; color: #be281a; left: 0; bottom: 5px; } a.qm-btn, a.qm-tj { display: inline-block; background: #009944; color: #fff; height: 50px; text-align: center; width: 100%; border-radius: 4px; line-height: 50px; font-size: 1.6rem; cursor: pointer } a.qm-btn.disabled { pointer-events: none; opacity: .5 } a.qm-tj { background: #ffad10; font-size: 1.8rem; box-shadow: 0 0 12px 6px rgba(244, 160, 0, .3); } a.qm-tj:hover { background: #ffc14b; color: #fff; } a.qm-btn:hover { color: #fff; background: linear-gradient(to right, #009944 0%, #00633a 100%); background-color: #00633a } .qm-form-control { display: block; width: 100%; height: 50px; padding: 6px 12px; font-size: 16px; color: #555; background-color: #fff; background-image: none; border: none; border-radius: 4px; -webkit-box-shadow: 0 0 12px 6px rgba(0, 99, 58, .1); box-shadow: 0 0 12px 6px rgba(0, 99, 58, .1); transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .qm-form-control:focus { color: #495057; background-color: #fff; border-color: #d4b160; outline: 0; box-shadow: 0 0 6px 3px rgba(0, 99, 58, .4); } .shengtai-wrap { background: url(../images/st_bg.jpg) #e2f9da no-repeat 50% 100%; padding-bottom: 40px; position: relative } .shengtai-wrap>.st-bg-2 { position: absolute; left: 0; top: 0; background: url(../images/st-bg-2.png) repeat-y 50% 100%; height: 100%; width: 100%; z-index: 1; pointer-events: none; } .shengtai-wrap .p-title-3>.title:before { background: #61a548; } .st-banner { height: 380px; position: relative } .st-banner-2 { margin: 0 auto 20px; width: 1144px; } .st-desc-wrap { padding: 20px; } .st-desc-wrap>.img { width: 230px; margin-right: 15px; height: 226px; overflow: hidden } .st-desc-wrap>.img img { border-radius: 24px 0 24px 0 } .st-desc-wrap>.desc { width: calc(100% - 245px); height: 226px; overflow: hidden } .st-desc-wrap>.desc>.st-title { position: relative; font-size: 2.4rem; margin-bottom: 20px; } .st-desc-wrap>.desc>.st-title:before { content: ""; position: absolute; width: 40px; height: 3px; background: #61a548; left: 0; bottom: -10px } .st-desc-wrap>.desc p:last-child { margin-bottom: 0 } .tab-nav.st-ul { background: #bbe4ac; } .tab-nav.st-ul>li>a { padding: 0 50px !important } .tab-nav.st-ul>li.active>a { background: #61a548; } .tab-nav.st-ul>li>a:hover { color: #fff; background: #84bb27 } .st-c, .st-p-title>span>a { color: #61a548; } .st-title-2 { font-size: 2.15rem; } .st-tjly-wrap>li { padding: 40px 20px; position: relative; background: url(../images/st-fg-2.jpg) no-repeat 0% 100% } .st-tjly-1 .img { width: 240px; margin-right: 20px; } .st-tjly-1 .img img { border-radius: 16px 0 16px 0 } .st-tjly-1 .desc { width: calc(100% - 400px) } .st-tjly-1 .st-price { width: 120px; margin-left: 20px; } .badge-green { background-color: #84bb27; color: #fff; } .badge-green+.badge-green { margin-left: 10px; } .btn-green { color: #fff; background-color: #21a675; border-color: #21a675; } .btn-green:hover { color: #fff; background-color: #057748; border-color: #057748; } .st-price>.ly-price { text-align: right; margin-bottom: 10px; } .st-price>.ly-price>span { color: #61a548; font-size: 2.6rem; margin: 0 3px; letter-spacing: -0.05rem; } .st-tjly-2 { margin: 10px 0 0 260px; } .st-p-title { border-left: 3px solid #61a548; line-height: 1; padding-left: 10px; font-size: 1.8rem; margin: 20px 0 } .st-p-title>span { float: right; font-size: 1.4rem; padding-top: 5px; } .jgscx-wrap { background-color: #fff3da; } .jgs-main-bga { background-image: url(../images/main-bg.jpg); background-repeat: no-repeat; background-position: 50% 0% } .jgs-s-block { background-color: #fffbf2; border: 5px solid #d79d59; padding: 20px; position: relative; } .jgs-s-block.no-padding { padding: 0 } .groupbuy-time { width: 640px; margin: -40px auto 0 } .groupbuy-time>li { padding-right: 20px; width: 25% } .groupbuy-time>li>div { height: 120px; background: #970000; border: 5px solid #d79d59; text-align: center; color: #fffa9a; } .groupbuy-time>li>div>p { font-size: 78px; line-height: 1; margin-bottom: 0; } .groupbuy-time>li>div>span { font-size: 18px; } .jgs-mx-item { background: #970000 } .jgs-mx-item .image { padding: 5px; position: relative } .jgs-mx-item .image:before { content: ""; position: absolute; left: 0; right: 0; height: 30px; background: url(../images/jgs-cx-5.png) no-repeat 50% 0% } .jgs-mx-item .info { padding: 10px } .jgs-mx-item .info .title { font-size: 18px; margin-bottom: 10px; text-align: center; color: #fff } .jgs-mx-item .info .title a { color: #fff; } .jgs-mx-item .info .title a:hover { color: #f7d587 } .jgs-price { background: #f7d587; } .jgs-price em { font-style: normal; font-size: 12px; } .jgs-price .jgs-price-now { color: #970000; position: relative } .jgs-price .jgs-price-now:before { position: absolute; right: -10px; top: 0; border-left: 10px solid #f7d587; border-bottom: 30px solid transparent; content: ""; height: 100% } .jgs-price .jgs-price-now>span { font-size: 20px; line-height: 30px; } .jgs-price>div { width: 50%; padding-left: 10px } .jgs-price .jgs-price-old { background: #fff; } .jgs-price .jgs-price-old>span { text-decoration: line-through; font-size: 18px; line-height: 30px; } .jgs-cx-tel { height: 240px; margin: 0 -20px -20px; background: url(../images/jgs-cx-3.png) no-repeat; padding-top: 78px; } .jgs-cx-tel .num { background: #970000; color: #fffa9a; width: 360px; margin: 0 auto 10px; font-size: 28px; } .jgs-tel { font-size: 32px; color: #970000 } .jgs-more-wrap { background-color: #381111; position: relative; background-image: url(../images/jgs-bg-2.jpg); background-repeat: no-repeat; background-position: 50% 0%; } .jgs-more-info { background: #fff; } .jgs-more-detail .lead { height: 72px; } .jgs-bottom-tel { position: relative; background: url(../images/jgs-bg-3.jpg) no-repeat 50% 100%; min-height: 340px } .jgs-bottom-tel .tel-wrap { padding-left: 300px } .jgs-bottom-tel .tel { font-size: 42px; color: #f6dcba; } .qy_tese .ts_item{ padding: 0 55px; position: relative; height: 280px; } .qy_tese .ts_item .slideBox{ width: 1092px; overflow: hidden; height: 100%; } .qy_tese .slideBox .items{ position: relative; z-index:10; height: 100%; width: 500%; } .qy_tese .slideBox .items .item{ width: 340px; height: 100%; float: left; margin: 0 12px; position: relative; } .qy_tese .slideBox .items .item a{ display: block; width: 100%; height: 100%; } .qy_tese .slideBox .items .item img{ width: 100%; height: 100%; } .qy_tese .slideBox .items .item .intros{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.4); } .qy_tese .slideBox .items .item:hover .intros{ background-color:rgba(0,0,0,0.2); } .qy_tese .slideBox .items .item .intros .intro{ padding-top: 115px; font-size: 24px; color:#fff; line-height: 24px; text-align: center; height: 24px; box-sizing: content-box; } .qy_tese .slideBox .items .item .intros .look{ margin:0 auto; margin-top: 8px; display: block; height: 28px; font-size: 16px; line-height: 28px; text-align: center; color:#fff; cursor:pointer; } .qy_tese .slideBox .items .item .intros .look i{ font-size: 14px; } .qy_tese .ts_item .ctrl{ position: absolute; left: 0; top: 120px; width: 100%; height: 40px; line-height: 40px; } .qy_tese .ts_item .ctrl .prev{ position: absolute; left: 0px; top: 0; width: 40px; height: 40px; cursor:pointer; border:2px solid #999; border-radius: 50%; } .qy_tese .ts_item .ctrl .prev i:before{ content: "\e800"; } .qy_tese .ts_item .ctrl .next{ position: absolute; right: 0px; top: 0; width: 40px; height: 40px; cursor:pointer; border:2px solid #999; border-radius: 50%; } .qy_tese .ts_item .ctrl .next i:before{ content: "\e618"; } .qy_tese .ts_item .ctrl i{ font-size: 20px; color: #999; text-align: center; width: 100%; display: inline-block; height: 100%; line-height: 37px; } .chara li{ float: left; margin-left: 18px; padding:10px 19px 19px 19px; background-color: #fff; box-shadow: #ccc 0px 2px 10px; } .chara li:first-child{ margin-left: 0; } .chara li .chara_yuan,.chara li .chara_yuan1{ margin-bottom: 9px; margin-left: -8px; } .chara li .chara_yuan1{ display: none; } .chara li:hover .chara_yuan1{ display: block; } .chara li:hover .chara_yuan{ display: none; } .chara li .chara_int{ text-align: center; margin-top: 20px; } .chara li .chara_int a{ font-size: 18px; color: #333333; font-weight: 700; } .chara li .chara_int p{ font-size: 14px; color: #666666; margin-top: 5px; } #index-hot-beixing{ background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-size: 100% 100%; } #index-hot-beixing .p-title-3>.title{ color: #fff; } #index-hot-beixing .p-title-3>p{ color: #fff; } #index-hot-beixing .small{ font-size: 12px !important; color: #999999; font-weight: normal; } .ly-you:before{ content: "\e618"; font-size: 12px; } .qy_baike .bk_item{ margin-top: 60px; padding: 0 1px; height: 450px; } .qy_baike .bk_item .item{ width: 285px; border:1px solid #fff; position: relative; float: left; margin-left: 15px; } .qy_baike .bk_item .first{ margin-left: 0; } .qy_baike .bk_item .item .con_item .cs_bg .tubiao{ background-color: #dedede; padding-top: 36px; padding-bottom: 30px; } .qy_baike .bk_item .active .con_item .cs_bg .tubiao{ background-color: transparent; padding: 0; } .qy_baike .bk_item .item img{ margin:0 auto; display: block; } .qy_baike .bk_item .item img.slt{ display: none; } .qy_baike .bk_item .item .name{ font-size: 24px; line-height: 30px; margin-top: 28px; text-align: center; color:#666; } .qy_baike .bk_item .item .cs_items{ padding: 0 14px; line-height: 30px; font-size: 12px; border:1px solid #dedede; border-top: 0; } .qy_baike .bk_item .item .cs_items p{ cursor:pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom:1px dashed #ededed; padding-left: 5px; margin: 0; line-height: 42px; } .qy_baike .bk_item .item .cs_items p:last-child{ border:0; } .qy_baike .bk_item .item .cs_items p a{ font-size: 14px; color:#333333; } .qy_baike .bk_item .item .cs_items p:hover a{ color:#ff5600; font-size: 14px; } .qy_baike .bk_item .active .cs_items{ margin-top: 0; } .qy_baike .bk_item .item .morelook{ position: absolute; right: 20px; bottom: 5px; } .qy_baike .bk_item .item .morelook i{ font-size: 30px; color:#ccc; } .qy_baike .bk_item .item .cs_items .cs_li{ cursor:pointer; } .qy_baike .bk_item .item .cs_items .cs_li .intro{ display: none; } .qy_baike .bk_item .item .cs_bg .bg_tu{ display: none; } /*.qy_baike .bk_item .active{ position: relative; float: left; width: 298px; }*/ /*.qy_baike .bk_item .active .con_item{ position: absolute; top: -26px; left: -10px; width: 318px; border:1px solid #ccc; background-color: #fff; z-index:9; box-shadow: 0px 2px 8px #999; }*/ .qy_baike .bk_item .active .cs_bg{ width: 100%; height: 184px; position: relative; } .qy_baike .bk_item .active .cs_bg .bg_tu{ display: block; height: 184px; } .qy_baike .bk_item .active .cs_bg .bg_tu img{ width: 100%; height: 100%; margin-top: 0; } .qy_baike .bk_item .active .tubiao{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .qy_baike .bk_item .active .tubiao img{ margin:0 auto; margin-top: 38px; } .qy_baike .bk_item .active .tubiao .name{ margin-top: 30px; color:#fff; } /*.qy_baike .bk_item .active .bg_tu{ height: 100%; }*/ /*.qy_baike .bk_item .active .cs_items .cs_li .intro{ height: 80px; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dashed #ccc; position: relative; } .qy_baike .bk_item .active .cs_items .cs_li .intro .li_tu{ width: 120px; height: 80px; position: absolute; top: 10px; left: 0; } .qy_baike .bk_item .active .cs_items .cs_li .intro .li_tu img{ width: 100%; height: 100%; margin-top: 0; } .qy_baike .bk_item .active .cs_items .cs_li .intro .des{ margin-left: 132px; width: 150px; line-height: 16px; height: 100%; overflow: hidden; } .qy_baike .bk_item .active .cs_items .cs_li .intro .des h3{ font-size: 12px; margin-bottom: 2px; } .qy_baike .bk_item .active .cs_items .cs_li:hover .intro .des a{ color:#FF6804; } .qy_baike .bk_item .active .cs_items{ padding-bottom: 10px; }*/