/** * Swiper 3.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: December 13, 2016 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #fff } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px } .swiper-pagination-progress { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, .5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px } .swiper-container-cube, .swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } @charset "utf-8";body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr {font-weight:normal;margin:0;padding:0;} body {font-size:14px;font-family:"NotoSansHans-Regular" ! important;color:#000000;background:#fff;margin:0 auto;padding:0px;} a {text-decoration:none;color:#333;outline:none;} a:active {star:expression(this.onFocus=this.blur());} img {border:0px;vertical-align:middle;} ul{ margin: 0; padding: 0;} input:focus,textarea:focus {outline:none;} select:focus {outline:none} body {min-width:1200px;} .w1200 {width:1200px;margin:auto;} .w1200:after {content:"";display:table;clear:both;} .clearflex:after {content:"";display:table;clear:both;} .loading img {width:100%;} .loading {position:fixed;left:0px;top:0px;width:100%;height:100%;background:#fff;z-index:99999;} .loadingfa {width:30px;height:30px;line-height:30px;text-align:center;font-size:30px;color:#1f8adf;position:absolute;left:50%;margin-top:-15px;margin-left:-15px;top:50%;} @keyframes rotate {from {-webkit-transform:rotate(0deg)} to {-webkit-transform:rotate(360deg)} } @-webkit-keyframes rotate {from {-webkit-transform:rotate(0deg)} to {-webkit-transform:rotate(360deg)} } @-moz-keyframes rotate {from {-moz-transform:rotate(0deg)} to {-moz-transform:rotate(360deg)} } @-ms-keyframes rotate {from {-ms-transform:rotate(0deg)} to {-ms-transform:rotate(360deg)} } @-o-keyframes rotate {from {-o-transform:rotate(0deg)} to {-o-transform:rotate(360deg)} } .xuanzhuan {animation:2s linear 0s normal forwards infinite rotate;-webkit-animation:2s linear 0s normal forwards infinite rotate;-moz-animation:2s linear 0s normal forwards infinite rotate;-o-animation:2s linear 0s normal forwards infinite rotate;} .wrap:after {content:"";display:table;clear:both;} .wrap {width:1257px;position:relative;margin:auto;} .head .logo {float:left;} .head .logo img {margin-top:21px;display:inline-block;vertical-align:middle;} .head .nav {float:right;margin-right:45px;} .head .nav li {float:left;position:relative;text-align:center;margin-left:17px;list-style:none;} .head .nav li .h2tit {} .head .nav li .h2tit a {display:block;line-height:96px;width:140px;font-size:16px;font-family:NotoSansHans-Regular;font-weight:400;color:rgba(62,58,57,1);} .head .nav li:hover dl {visibility:visible;opacity:1;top:96px;z-index:5;} .head .nav li dl {position:absolute;left:15px;top:96px;width:108px;z-index:5;padding:16px 0px;background:#fff;border-top:2px solid #00ABB1;visibility:hidden;opacity:0;z-index:-1;top:110px;} .head .nav li dd a {display:block;font-size:14px;font-family:NotoSansHans-Regular;font-weight:400;color:#3E3A39;line-height:25px;} .head .nav li dd a:hover {color:#00ACB3} .head .right {float:right;padding-top:38px;} .head .right .formtable {float:left;width:92px;height:22px;border:1px solid #717071;border-radius:400px;overflow:hidden;position:relative;} .head .right .words {display:block;width:60px;height:20px;border:none;padding-left:10px; font-size:10px; color:#999;} .head .right .send {cursor:pointer;width:22px;height:100%;background:none;border:none;background:url(../images/search.png) no-repeat center center;background-size:80%;right:3px;top:0;position:absolute;} .head .right .link {float:left;font-size:0;} .head .right .link a {margin-left:10px;} .head .right .link a img {} .head .right .link a.lan {width:21px;height:20px;background:rgba(0,171,178,1);border-radius:6px;display:inline-block;vertical-align:middle;text-align:center;line-height:20px;color:#fff;font-size:11px;} * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .head,.head * {-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} .banner {position:relative;overflow:hidden;} .banner .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;text-align:center;} .banner .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:4px;background:url(images/dot-black.png) 0 0;overflow:hidden;line-height:9999px;background:rgba(0,171,178,1);border-radius:30px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} .banner .hd ul .on {filter:alpha(opacity=100);opacity:1;background:#fff;} .slideBox {width:100%;overflow:hidden;position:relative;} .slideBox .bd {position:relative;height:100%;z-index:0;} .slideBox .bd li {zoom:1;vertical-align:middle;height:calc(100vh - 96px);} .slideBox .bd img {display:block; width: 100%;} /* 下面是前/后按钮代码，如果不需要删除即可 */ .slideBox .prev,.slideBox .next {position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(../images/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5;} .slideBox .next {left:auto;right:3%;background-position:8px 5px;} .slideBox .prev:hover,.slideBox .next:hover {filter:alpha(opacity=100);opacity:1;} .slideBox .prevStop {display:none;} .slideBox .nextStop {display:none;} .index {} .index .section_1 {} .index .section_1 .content {height:872px;position:relative;margin:auto;width:956px;} .index .section_1 .imgbox {float:left;width:308px;} .index .section_1 .imgbox img {margin-top:168px;position:relative;left:-146px;} .index .section_1 .right {float:right;padding-top:200px;} .textmodel .h2tit {font-size:60px;font-family:NotoSansHans;font-weight:500;color:rgba(62,58,57,1);} .textmodel {} .textmodel .h3tit {font-size:25px;font-family:Noto Sans S Chinese Medium;font-weight:400; padding-bottom:30px;color:rgba(62,58,57,1);padding-top:31px;} .textmodel .desc {font-size:20px;font-family:Noto Sans S Chinese Regular;font-weight:400;color:rgba(62,58,57,1);padding-top:10px;} .textmodel .more {font-size:20px;font-family:Noto Sans S Chinese Medium;font-weight:500;color:#000;padding-right:17px;background:url(../images/more2.png) no-repeat right center;} .index .section_2 {background:url(../images/section_2.jpg) no-repeat center center;background-size:cover; margin-top: 8px;} .index .section_2 .content {height:866px;position:relative;margin:auto;width:1257px;max-width:100%;overflow:hidden;} .index .section_2 .right {float:left;padding-top:109px;} .textmodel .more2 {font-size:20px;font-family:Noto Sans S Chinese Medium;font-weight:500;color:rgba(62,58,57,1);display:inline-block;margin-top:111px;padding-right:17px;background:url(../images/more2.png) no-repeat right center;} .index .section_3 {background:url(../images/section_3.jpg) no-repeat center center;background-size:cover;overflow:hidden; margin:8px 0;} .index .section_3 .content {height:872px;position:relative;margin:auto;width:1186px;max-width:100%;} .index .section_3 .right {float:left;padding-top:180px;} .index .section_3 .imgbox {padding-top:67px;padding-left:112px;float:left;} .index .section_3 .imgbox img {} .index .section_4 {background:#fdfcfd;position:relative;overflow:hidden;zoom:1;padding-left:50%;} .index .section_4 .content {height:868px;position:relative;padding-top:112px;padding-left:117px; background: url(/public/images/index_bg4.jpg)no-repeat center center; background-size: cover;} .index .section_4 .right {float:left;padding-top:180px;} .index .section_4 .textmodel .more2 {margin-top:100px;} .index .section_4 .imgbox {padding-top:67px;padding-left:212px;float:left;} .index .section_4 .imgbox {position:absolute;left:0px;top:0px;width:50%;height:100%;} .index .section_5 {margin-top:8px;background:rgba(247,247,247,1);} .index .section_5 .title:after {content:"";display:block;margin:auto;width:64px;height:6px;background:rgba(62,58,57,1);border-radius:3px;margin-top:15px;} .index .section_5 .title {text-align:center;position:relative;font-size:60px;font-family:NotoSansHans;font-weight:500;color:rgba(62,58,57,1);padding-top:82px;} .index .section_5 .content {zoom:1;overflow:hidden;margin:auto;margin-top:82px;width:1255px;margin-bottom:80px;} .index .section_5 .left {float:left;width:822px;background:#fff;padding-bottom:60px;} .index .section_5 .imgbox {overflow:hidden;} .index .section_5 .imgbox a:hover {-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} .index,.index * {-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} .index .section_5 .imgbox a {height:422px;display:block;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} .index .section_5 .title2 {font-size:18px;font-family:Noto Sans S Chinese Medium;font-weight:500;color:rgba(62,58,57,1);padding:35px 31px;display:block;padding-bottom:26px;} .index .section_5 .time {font-size:14px;font-family:NotoSansHans;font-weight:400;color:rgba(62,58,57,1);padding-left:59px;background:url(../images/time.png) no-repeat 32px center;} .index .section_5 .right2 {width:399px;height:586px;overflow:hidden;position:relative;float:right;} .index .section_5 .right {background:rgba(255,255,255,1);height:100%;overflow:auto;padding-top:17px;padding-left:44px;padding-right:30px;position:relative;} .index .section_5 .right li:after {content:"";width:6px;height:6px;background:rgba(62,58,57,1);border-radius:50%;position:absolute;left:-20px;top:10px;} .index .section_5 .right li {list-style:none;position:relative;border-bottom:1px solid #EBEBEB;padding-bottom:23px;margin-bottom:30px;} .index .section_5 .right li * {display:block;} .index .section_5 .right li .s1 {font-size:18px;font-family:Noto Sans S Chinese Medium;font-weight:500;color:rgba(62,58,57,1);line-height:25px;margin-bottom:26px;position:relative;overflow:hidden;text-overflow:ellipsis;} .index .section_5 .right li .s2 {font-size:14px;font-family:NotoSansHans;font-weight:400;color:rgba(62,58,57,1);padding-left:28px;background:url(../images/time.png) no-repeat left center;} .index .section_5 .right li:last-child {margin-bottom:0;} .index .section_5 .right2:after {content:"";position:absolute;left:0px;bottom:0px;width:100%;z-index:6;height:144px;background-size:cover;display: none;} .index .section_5 .right::-webkit-scrollbar {width:3px;height:1px;} .index .section_5 .right::-webkit-scrollbar-thumb {border-radius:10px;background:#BFBFBF} .index .section_5 .right::-webkit-scrollbar-track {border-radius:3px;background:#fff;} .index .section_5 .more {display:block;text-align:center;margin:auto;width:163px;line-height:49px;font-size:24px;font-family:Noto Sans S Chinese Light;font-weight:300;color:rgba(62,58,57,1);border:1px solid rgba(62,58,57,1);} .index .section_5 .more:hover{color:#00ABB2;border:1px solid #00ABB2;} .index .section_5 {padding-bottom:90px;} .footer .block_1 .item:last-child {margin-right:0px;} .footer {background:url(../images/line.png) no-repeat left 19px #cbe7e6; margin-top:0px;} .footer .block_1 {padding-bottom:47px;} .footer .block_1 .leftitem {float:left; width: 58%;} .footer .block_1 .item {float:left;margin-right:100px;} .footer .block_1 .h2tit {font-size:16px;font-family:NotoSansHans-Regular;font-weight:400;color:rgba(59,59,59,1);padding-top:71px;} .footer .block_1 .dec {padding-top:30px;} .footer .block_1 .dec a {display:block;font-size:14px;font-family:NotoSansHans;font-weight:400;color:rgba(114,114,114,1);line-height:33px;} .footer .block_1 .right {margin-top:67px;font-size:14px;font-family:NotoSansHans;font-weight:400;color:rgba(114,114,114,1);line-height:30px;background:url(../images/ewm.jpg) no-repeat left center;padding:10px 0 0 127px;} .footer .block_1 .right p {} .footer .block_2 {padding-bottom:22px;border-bottom:3px solid #FFFFFF;} .footer .block_2 span {font-size:16px;font-family:NotoSansHans-Regular;font-weight:400;color:rgba(59,59,59,1);margin-right:48px;display:inline-block;vertical-align:middle;} .footer .block_2 img {display:inline-block;vertical-align:middle;margin-right:5px;} .footer .block_3 {padding-bottom:26px;font-size:14px;font-family:NotoSansHans;font-weight:400;color:rgba(113,112,113,1);position:relative;} .footer .block_3 .e1 {width:2em; padding-right: 20px;} .footer .block_3 .e2 {display:inline-block;vertical-align:middle;width:4em;} .footer .block_3 .e2 {} .footer .block_3 a {font-size:14px;font-family:NotoSansHans;font-weight:400;color:rgba(113,112,113,1);padding-top:22px;display:inline-block;position:relative;} .index .section_5 .title2:hover,.footer .block_3 a:hover,.index .section_5 .right li .s1:hover,.slidedown a:hover {color:#00abb2;} .slidedown {background:#fff;display:none;padding:8px 0px;position:absolute;left:0;bottom:70px;width:100%;z-index:55;} .slidedown a {font-size:14px;font-family:NotoSansHans;font-weight:400;color:rgba(114,114,114,1);line-height:0px;padding:5px 0px;margin-right:20px;display:inline-block;vertical-align:middle;padding-top:5px !important;} .footer .block_3 a,.slidedown a {-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} .footer .block_3 a.flink {position:relative;} .footer .block_3 a.flink:after {content:"";width:0;height:0;border-style:solid;border-width:10px 10px 0 11px;border-color:#ffffff transparent transparent transparent;position:absolute;top:7%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .footer .block_3 .model {display:inline-block;} .footer .wrap {position:static;} .nonfoundmain { background: rgba(240,241,243,1);} .nonfoundmain .head2 {left:0px;top:0px;width:100%;z-index:6;} .nonfoundmain .head2 .menu {float:left;padding-top:50px; margin-left: 5%;} .nonfoundmain .head2 .switch.current {background:url(../images/switch2.png) no-repeat center center;background-size:100%;} .nonfoundmain .head2 .switch {height:30px;background:url(../images/switch.png) no-repeat center center;background-size:100%;width:40px;cursor:pointer;position:relative;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;z-index:5;} .nonfoundmain .head2 .slide {position:absolute;left:0px;top:83px;width:100%;padding-top:10px;display:none;background:#f0f1f3;-webkit-box-shadow:0px 12px 24px 0px rgba(0,0,0,0.09);-moz-box-shadow:0px 12px 24px 0px rgba(0,0,0,0.09);-o-box-shadow:0px 12px 24px 0px rgba(0,0,0,0.09);-ms-box-shadow:0px 12px 24px 0px rgba(0,0,0,0.09);box-shadow:0px 12px 24px 0px rgba(0,0,0,0.09);padding-bottom:10px;} .nonfoundmain .head2 .slide li { list-style: none;} .nonfoundmain .head2 .slide .h2tit {} .nonfoundmain .head2 .slide .h2tit a {display:block;font-size:2.0rem;color:#999;line-height:3;padding:0px 14px;} .nonfoundmain .head2 .right {line-height:1;padding-top:53px;float:right;margin-right: 5%;} .nonfoundmain .head2 .right a {font-size:2.24rem;font-family:NotoSansHans;font-weight:400;color:rgba(62,58,57,1);} .nonfoundmain .main {text-align:center;height:100vh;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;position:relative;background:rgba(240,241,243,1);text-align:center;} .nonfoundmain .imgbox {} .nonfoundmain .imgbox img {position:relative;left:-50px} .nonfoundmain .title {font-size:48px;font-family:NotoSansHans;font-weight:300;color:rgba(62,58,57,1);line-height:1;padding-top:59px;} .nonfoundmain .main a {margin:0 auto;margin-top:77px;width:268px;height:78px;background:rgba(62,58,57,1);text-align:center;line-height:78px;font-size:44px;font-family:NotoSansHans;font-weight:400;color:rgba(255,255,255,1);} .nonfoundmain .head2 .wrap {position:static;} html,body {-moz-user-select:none;-khtml-user-select:none;user-select:none;} .appbanner {height:870px;background:url(../images/bannerphone.png) no-repeat center center;background-size:cover;} .appbanner .content {} .appbanner .right {float:right;width:450px;} .appbanner .h2tit {font-size:60px;font-family:NotoSansHans;font-weight:500;color:rgba(51,51,51,1);line-height:48px;padding-top:255px;} .appbanner .dec {font-size:30px;font-family:NotoSansHans;font-weight:300;color:rgba(51,51,51,1);line-height:48px;padding-top:46px;padding-bottom:92px;} .appbanner .link {position:relative;} .appbanner .link a {width:212px;line-height:70px;font-size:24px;font-family:NotoSansHans;font-weight:400;color:rgba(255,255,255,1);padding-left:71px;display:block;margin-bottom:70px;} .appbanner .link a.s1 {border-radius:8px;background:url(../images/s1.png) no-repeat 20px center rgba(83,181,255,1);} .appbanner .link a.s2 {background:url(../images/s2.png) no-repeat 20px center rgba(93,214,173,1);padding-left:99px;} .appbanner .imgbox {float:left;padding-top:254px;} .appbanner .imgbox img {} .appbanner .ewm {position:absolute;right:0px;top:0px;text-align:center;width:190px;height:214px;background:rgba(255,255,255,1);border-radius:11px;} .appbanner .ewm img {padding-top:28px;} .appbanner .ewm .title {padding-top:19px;font-size:18px;font-family:NotoSansHans;font-weight:400;color:rgba(51,51,51,1);} .appmain {} .appmain .section_1 {background:url(../images/xz2.png) no-repeat center bottom;background-size:100%;text-align:center;} .appmain .section_1 .title {padding-top:100px;} .titlemodels {} .titlemodels .title {font-size:60px;font-family:NotoSansHans;font-weight:500;color:rgba(62,58,57,1);line-height:1;letter-spacing:14px;} .titlemodels .dec {font-size:24px;font-family:NotoSansHans;font-weight:400;color:rgba(62,58,57,1);padding-top:52px;letter-spacing:9px;line-height:48px;} .appmain .section_1 .dec {} .appmain .section_1 .list {padding-top:137px;text-align:center;padding-bottom:118px;} .appmain .section_1 .list img {margin:0px 17px;} .appmain .section_2 {text-align:center;background:url(../images/pse2.jpg) no-repeat center center;background-size:cover;padding-top:99px;} .appmain .section_2 .videomain {padding-top:73px;padding-bottom:80px;zoom:1;overflow:hidden;padding-right:166px;} .appmain .section_2 .videomain * {display:block;float:right;cursor:pointer;height: 658px;} .appmain .section_3 {background:url(../images/pse3.jpg) no-repeat center center;background-size:cover;padding-bottom:138px;margin-bottom:4px;} .appmain .section_3 .content {} .appmain .section_3 .titlemodels {padding-left:143px;padding-top:115px;} .appmain .section_3 .videomain {zoom:1;overflow:hidden;} .appmain .section_3 .videomain * {float:right;cursor:pointer;width:360px;} .alertmodel {position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999999; background: rgba(0,0,0,0.8);} .alertmodel .shadow {background:rgba(0,0,0,0.6);position:absolute;left:0px;top:0px;width:100%;height:100%;} .alertmodel .center {z-index:6;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .alertmodel .center video {width:900px;} .alertmodel .center2 {z-index:6;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:744px;background:rgba(255,255,255,1);border-radius:14px;} .alertmodel .center video{ } .alertmodel .center .close{ position: absolute; right: -15px; top: -15px; width: 30px; height: 30px; cursor: pointer; background: url(../images/switch2.png) no-repeat center center; background-size: 50%; border: 1px solid #fff; border-radius: 400px; } .alertmodel .center2 .close{ position: absolute; right:10px; top: 10px; width: 30px; height: 30px; cursor: pointer; background: url(../images/close.png) no-repeat center center; background-size: 70%; border: 1px solid #000; border-radius: 400px; } .alertmodel .title {font-size:32px;font-family:NotoSansHans;font-weight:500;color:rgba(57,57,57,1);padding-top:50px;text-align:center;} .alertmodel .dec {font-size:18px;font-family:NotoSansHans;font-weight:normal; font-weight:100;color:rgba(98,98,98,1);line-height:36px;padding-top:42px;padding-left:70px;padding-right:70px;} .alertmodel .formtable {padding-top:58px;padding-left:223px;padding-bottom:57px;} .alertmodel .model {zoom:1;overflow:hidden;margin-bottom:12px;} .alertmodel .s1 {font-size:18px;font-family:NotoSansHans;font-weight:normal;color:rgba(98,98,98,1);line-height:36px;float:left;width:91px;} .alertmodel .s2 {font-size:18px;font-family:NotoSansHans;font-weight:normal;color:rgba(98,98,98,1);line-height:36px; font-weight: 100;} .alertmodel .s2 .words {display:block;height:36px;width:210px;height:27px;border:1px solid rgba(98,98,98,1);margin-top:4px;padding:0px 10px;font-size:16px;font-family:NotoSansHans;font-weight:normal;} .alertmodel .s2 textarea {width:210px;height:60px;border:1px solid rgba(98,98,98,1);font-size:16px;font-family:NotoSansHans;font-weight:normal;padding:0px 10px;} .alertmodel .send {width:93px;height:27px;background:rgba(0,171,178,1);border:none;color:#fff;cursor:pointer;margin-left:91px;margin-top:30px;} *::-webkit-input-placeholder {color:rgba(187,187,187,1);} *::-moz-placeholder {/* Mozilla Firefox 19+ */ color:rgba(187,187,187,1);} *:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color:rgba(187,187,187,1);} *:-ms-input-placeholder {/* Internet Explorer 10-11 */ color:rgba(187,187,187,1);} .banner:hover .btn {opacity:1;} .banner .btn {position:absolute;top:50%;-o-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);cursor:pointer;border:none;outline:none;padding:0;margin:0;height:36px;width:36px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;z-index:10;text-align:center;font-size:12px;background-size:40% !important;background-position:center center !important;background-repeat:no-repeat !important;opacity:0;} .banner .btn.prev {left:10px;background-image:url(../images/leftbtn.png);} .banner .bd li a {display:block;width:100%;height:100%;} .banner .bd li {-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} .banner .bd li:hover {-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} .banner .btn.next {background-image:url(../images/rightbtn.png);right:10px;} .index .section_1 .imgbox img:hover {-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} .textmodel .more:hover,.textmodel .more2:hover {color:rgba(0,171,180,1);background:url(../images/more.png) no-repeat right center;} .index .section_2 .right {} .index .section_2 img:hover,.index .section_3 .imgbox img:hover,.index .section_4 img:hover {-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} .index .section_2 .imgbox img {width:438px;} .index .section_2 .imgbox {position:absolute;left:93px;bottom:30px;} .index .section_4 img {position:absolute;left:21%;bottom:6%;} .head {position:fixed;left:0px;top:0px;width:100%;z-index:7777;background:#fff;} .banner {padding-top:96px;} .head .nav li:hover .slide {visibility:visible;opacity:1;top:96px;z-index:5;} .head .nav li .slide {position:absolute;left:0px;top:96px;position:absolute;left:50%;-o-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);text-align:center;z-index:5;padding:16px 0px;background:#fff;border-top:2px solid #00ABB1;visibility:hidden;opacity:0;z-index:-1;top:110px;display:flex;align-items:center;padding-left:10px;padding-right:10px;} .head .nav li .slide .item {width:131px;padding:0px 0px;display:inline-block;} .head .nav li .slide .item a {display:block;} .head .nav li .slide .item .icon {height:98px;position:relative;display:block;} .head .nav li .slide .item .icon img {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:99%; height: 100px;} .head .nav li .slide .item .title {display:block;color:#000;} .head .nav li .slide .item a:hover .title {color:#00ABB1} .head .nav li .slide .item a:hover .icon {-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} .head .nav li dl,.head .nav li .slide {-webkit-box-shadow:0px 12px 24px rgba(68,68,68,.1);-moz-box-shadow:0px 12px 24px rgba(68,68,68,.1);-o-box-shadow:0px 12px 24px rgba(68,68,68,.1);-ms-box-shadow:0px 12px 24px rgba(68,68,68,.1);box-shadow:0px 12px 24px rgba(68,68,68,.1);} .height1{ height: 96px; } .channeimg{ height: 480px; } .menusec{ background: #eceef2; zoom: 1; overflow: hidden; } .menusec a{ float: left; line-height: 45px; padding: 0px 12px; margin-right: 50px; font-size:14px; font-family:NotoSansHans-Regular; font-weight:400; color:rgba(62,58,57,1); -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .menusec a.current{ background: #fff; color: #0AABB2 } .newsmain{ padding-top: 80px; } .newsmain .sec_1{ zoom: 1; overflow: hidden; } .sec_1 img{ max-width: 100%;} .newsmain .sec_1 .left{ float: left; width: 822px; } .newsmain .sec_1 .left a{ position:relative; } .newsmain .sec_1 .left *{ display: block; } .newsmain .sec_1 .left .imgbox{ height: 422px; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .newsmain .sec_1 .left .content{ position: absolute; left: 0; color: #fff; bottom: 0; width: 100%; z-index: 5; line-height: 50px; background: rgba(36, 175, 184, .8); } .newsmain .sec_1 .left .title{ float: left; padding-left: 42px; font-size: 18px; } .newsmain .sec_1 .left .time{ float: right; padding-right: 47px; font-size: 14px; padding-left: 21px; background: url(../images/time2.png) no-repeat left center; } .newsmain .sec_1 .right{ float: right; width: 392px; } .newsmain .sec_1 .right *{ display: block; } .newsmain .sec_1 .right .imgbox{ height: 202px; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .newsmain .sec_1 .right .dec{ font-size: 14px; font-family:Noto Sans S Chinese Regular; font-weight:400; color:rgba(62,58,57,1); line-height:25px; padding-top: 26px; } .newsmain .sec_1 .right .title{ font-size: 18px; font-family:Noto Sans S Chinese Light; font-weight:400; color:rgba(62,58,57,1); padding-top: 22px; padding-bottom: 15px; } .newsmain .sec_1 .right .time{ font-size: 14px; font-family:NotoSansHans; font-weight:400; color:rgba(137,137,137,1); padding-left: 21px; background: url(../images/time3.png) no-repeat left center; } .newsmain .sec_2{ zoom: 1; overflow: hidden; } .newsmain .sec_2 li:nth-child(3n){} .newsmain .sec_2 li{ list-style:none; float: left; width: 32%; margin-right: 2%; } .newsmain .sec_2 li *{ display: block; } .newsmain .sec_2 li .imgbox{ height: 202px; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .newsmain .sec_2 li .dec{ font-size: 14px; font-family:Noto Sans S Chinese Regular; font-weight:400; color:rgba(62,58,57,1); line-height:25px; padding-top: 16px; } .newsmain .sec_2 li .title{ font-size: 18px; font-family:NotoSansHans-Regular; font-weight:400; color:rgba(62,58,57,1); margin: 10px auto; line-height: 25px; height: 50px; overflow: hidden; } .newsmain .sec_2{ } .newsmain .sec_2 li:nth-child(5){ float:right; margin-right:0px; } .newsmain .sec_2 li { height: 438px; margin-bottom: 80px; } .newsmain .sec_2 li .time{ font-size: 14px; font-family:NotoSansHans; font-weight:400; color:rgba(137,137,137,1); padding-left: 21px; background: url(../images/time3.png) no-repeat left center; } .ovh{ overflow: hidden; } .ovh:hover *{ -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .newsmain, .newsmain *{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .pagesize{ text-align: center; } .pagesize li{ display: inline-block; vertical-align: middle; } .pagesize li a { font-size: 15px; font-family:Noto Sans S Chinese Light; font-weight:400; color:rgba(62,58,57,1); display: block; min-width: 34px; height: 40px; line-height: 40px; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; background-size: 5px !important; } .pagesize li.prev a{ background: url(../images/more3.png) no-repeat center center; } .pagesize li.next a{ background: url(../images/more2.png) no-repeat center center; } .pagesize li a:hover,.newsmain .sec_1 .right .title:hover,.newsmain .sec_2 li .title:hover{ color: #00abb2 } .newsmain{ } .alc{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-content: center; } .prodetail{ } .prodetail .block_1{ background: url(../images/bg3.jpg) no-repeat center center; background-size: cover; } .prodetail .block_1 .imgbox{ } .prodetail .block_1 .imgbox img{ } .prodetail .block_1 .content{ padding-left: 223px; padding-top:0px; } .prodetail .block_1 .h2tit{ font-size:40px; font-family:Noto Sans S Chinese Light; font-weight: 500; color:rgba(62,58,57,1); line-height: 1; margin-top:40%; } .prodetail .block_1 .h3tit{ font-size: 40px; font-family:Noto Sans S Chinese Light; font-weight:300; color:rgba(62,58,57,1); } .prodetail .block_1 .dec{ font-size: 20px; font-family:Noto Sans S Chinese Regular; font-weight:100; color:rgba(62,58,57,1); padding-top: 31px; } .prodetail .block_2 .wrap{ display:flex; } .prodetail .block_2{ text-align: center; padding-top: 94px; } .prodetail .block_2 .item{ float: left; width: 16.666%; flex: 1; } .prodetail .block_2 .item img{ } .prodetail .block_2 .item .title{ font-size: 20px; font-family:Noto Sans S Chinese Light; font-weight:100; color:rgba(120,120,120,1); padding-top: 20px; padding-bottom: 107px; } .hoverbig:hover{ -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .hoverbig{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .prodetail .block_3{ background: url(../images/bc3.jpg) no-repeat center center; background-size: cover; height: 654px; } .prodetail .block_3 .content{ padding-left:60%; } .prodetail .block_3 .h2tit{ font-size: 55px; font-family:Noto Sans S Chinese Light; font-weight: 500; color:rgba(120,120,120,1); padding-top: 145px; } .prodetail .block_3 .dec{ font-size: 20px; font-family:NotoSansHans-Regular; font-weight:100; color:rgba(120,120,120,1); line-height:35px; padding-top: 38px; } .prodetail .block_3 .dec p{font-weight:100;} .prodetail .block_4{ background: url(../images/bg4.jpg) no-repeat center center; background-size: cover; height: 658px; } .prodetail .block_4 .content{ float: left; max-width: 46%; } .prodetail .block_4 .h2tit{ font-size: 55px; font-family:Noto Sans S Chinese Light; font-weight:300; color:rgba(120,120,120,1); padding-top: 180px; font-weight: 500; } .prodetail .block_4 .dec{ font-size: 20px; font-family:NotoSansHans-Regular; font-weight:900; color:rgba(120,120,120,1); line-height:35px; padding-top: 38px; } .prodetail .block_4 .dec p{font-weight:100;} .prodetail .block_4 .right{ float: left; padding-left: 48px; padding-top: 100px; } .prodetail .block_4 .item{ float: left; text-align: center; } .prodetail .block_4 .item img{ display: block; margin: auto; } .prodetail .block_4 .title{ font-size:18px; font-family:NotoSansHans; font-weight:400; color:rgba(120,120,120,1); position: relative; } .prodetail .block_4 .item:nth-child(1){ padding-top: 100px; } .prodetail .block_4 .item:nth-child(2){ padding-top: 202px; padding-left: 68px; padding-right: 90px; } .prodetail .block_4 .item:nth-child(3){ padding-top: 209px; } .prodetail .block_4 .item:nth-child(1) .title{ top: -35px; } .prodetail .block_4 .item:nth-child(2) .title{ top: 6px; left: -21px; } .prodetail .block_4 .item:nth-child(3) .title{ top: -108px; } .prodetail .block_5{ } .prodetail .block_5 .title{ text-align: center; font-size:55px; font-family:Noto Sans S Chinese Light; font-weight: 100; color:#727171; padding-top: 93px; margin-bottom: 56px; line-height: 1; } .prodetail .block_5 .list{ border-top: 1px solid #787878; border-bottom: 1px solid #787878; zoom: 1; overflow: hidden; padding-bottom: 0; font-family: Noto Sans S Chinese Regular; font-size: 22px; letter-spacing:-0.25px; color: #787878; } .prodetail .block_5 .list ul{ margin: 30px 0;} .prodetail .block_5 .list table{ width: 100%;font-size:20px; font-family:NotoSansHans; color:rgba(120,120,120,1); line-height: 36px; font-weight: 100;} .prodetail .block_5 .list table strong{} .prodetail .block_5 .list p:nth-child(3n){ margin-right: 0px; } .prodetail .block_5 .list p{ float: left; width: 32%; margin-right: 2%; font-size:20px; font-family:NotoSansHans; color:rgba(120,120,120,1); line-height: 36px; font-weight: 100; } .prodetail .block_5 .list p strong{ padding-right:5px; font-weight: 400;} .prodetail .block_5 .list p.w2 + li{ margin-right: 0; } .prodetail .block_5 .list p.w2{ width: 66%; } .prodetail .block_5 .s1{ font-weight: bold; display: inline-block; vertical-align: middle; font-weight: 400; } .prodetail .block_5 .s2{ display: inline-block; vertical-align: middle; font-weight: normal; font-weight: 100; padding-left: 5px; } .proshow{ } .proshow .sec_1{ height: 480px; } .proshow .sec_2{ padding-bottom: 90px; padding-top: 74px; } .proshow .sec_2 .item1{ zoom: 1; overflow: hidden; height: 310px; position: relative; position: relative; margin-bottom: 13px; } .proshow .sec_2 .bg2 .imgbox{ position:relative; left: -120px; top: 59px; } .proshow .sec_2 .imgbox{ } .proshow .sec_2 .imgbox img{ } .proshow .sec_2 .item2 .right{ padding-left: 65%; } .proshow .sec_2 .item2 .right a{ font-family: Noto Sans S Chinese Medium;} .proshow .sec_2 .right{ padding-left: 740px; position: absolute; left: 0; top: 124px; } .proshow .sec_2 .title{ font-size: 25px; font-family:NotoSansHans; font-weight:400; color:rgba(62,58,57,1); } .proshow .sec_2 a{ display: inline-block; margin-top: 16px; padding-right: 17px; font-size: 16px; font-family:NotoSansHans; font-weight:500; color:rgba(89,87,87,1); background: url(../images/more2.png) no-repeat right center; } .proshow .sec_2 .item2{ zoom: 1; clear: both; overflow: hidden; position: relative; margin-bottom: 10px; } .proshow .sec_2 .model{ zoom: 1; overflow: hidden; float: left; width: 49.5%; position: relative; height: 312px; } .proshow .sec_2 .model:nth-child(2n){ float: right; } .proshow .sec_2 .bg1{ background: url(../images/k1.jpg) no-repeat center center; background-size: cover; } .proshow .sec_2 .bg2{ background: url(../images/k2.jpg) no-repeat center center; background-size: cover; /* height: 312px; */ } .proshow .sec_2 .bg3{ background: url(../images/k2.jpg) no-repeat center center; background-size: cover; } .proshow .sec_2 .bg4{ background: url(../images/k3.jpg) no-repeat center center; background-size: cover; } .proshow .sec_2 .bg5{ background: url(../images/k4.jpg) no-repeat center center; background-size: cover; } .proshow .sec_2 .bg6{ background: url(../images/k5.jpg) no-repeat center center; background-size: cover; } .proshow .sec_2 .bg1 .imgbox{ padding-top:20px; padding-left:23%; } .proshow .sec_2 .bg4 .imgbox{ position: relative; left: 11%; top: 12%; } .proshow .sec_2 .bg5 .imgbox{ position: relative; left: -11%; top: 12%; } .proshow .sec_2 .bg6 .imgbox{ position: relative; left: 11%; top: 7%; } .proshow .sec_2 a:hover{ background: url(../images/more.png) no-repeat right center; color: rgb(32, 182, 188) } .proshow, .proshow *{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .proshow2{ } .proshow2 .sec_1{ background: url(../images/proshow2.jpg) no-repeat center center; background-size: cover; height: 480px; } .proshow2 .sec_1 .content{ padding-top: 162px; padding-left: 76%; } .proshow2 .sec_1 .content a{font-family:Noto Sans S Chinese Medium;} .proshow2 .sec_1 .h2tit{ font-size:35px; font-family:NotoSansHans; font-weight:400; color:rgba(0,0,0,1); line-height: 1; } .proshow2 .sec_1 .h3tit{ font-size:20px; font-family:NotoSansHans; font-weight:400; color:rgba(0,0,0,1); line-height: 1; padding-top: 16px; margin-bottom: 44px; margin-top: 10px; } .proshow2 .sec_1 a{ font-size:16px; font-family:NotoSansHans; font-weight:500; color:rgba(89,87,87,1); padding-right: 15px; background: url(../images/more2.png) no-repeat right center; } .proshow2 .sec_2{ text-align: center; padding-top: 115px; padding-bottom: 16px; } .hengxian{ border-bottom: 1px solid #888; margin:10px; overflow: hidden;} .proshow2 .sec_2 hr{ width: 100%;} .proshow2 .sec_2 hr:last-child{ border: none;} .proshow2 .sec_2 li{ margin-bottom: 120px; float: left; width: 25%; list-style:none; } .proshow2 .sec_2 li *{ display: block; } .proshow2 .sec_2 li .imgbox{ position: relative; height: 200px; } .proshow2 .sec_2 li .imgbox img{ position:absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 200px; max-width: 100%; padding: 0 2%; } .proshow2 .sec_2 li:hover .title{ color:#00abb2 !important; ;} .proshow2 .sec_2 li .title{ font-size:16px; font-family:NotoSansHans-Regular; font-weight:400; color:rgba(62,58,57,1); padding-top: 25px; line-height:25px; } .proshow2 .sec_2 li .title:hover{ color: #00abb2; } .proshow2 .sec_1 a:hover{ color: #00abb2; background: url(../images/more.png) no-repeat right center; } .proshow2, .proshow2 *{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .alertmodel{ display: none; } .newsmain .sec_2 li:nth-child(1){ width: 822px; } .newsmain .sec_2 li:nth-child(1) .imgbox{ height: 432px; } .newsmain .sec_2 li:nth-child(1) a{position: relative;} .newsmain .sec_2 li:nth-child(1) .content{ position: absolute; left: 0; color: #fff; bottom: 0; width: 100%; z-index: 5; line-height: 50px; background: rgba(36, 175, 184, .8); } .newsmain .sec_2 li:nth-child(1) .content .title{ float: left; padding-left: 42px; font-size: 18px; padding: 0; padding-left: 42px; color: #fff; } .newsmain .sec_2 li:nth-child(1) .content .time{float: right;padding-right: 47px;font-size: 14px;padding-left: 21px;background: url(../images/time2.png) no-repeat left center;color: #fff;} .newsmain .sec_2 li:nth-child(1) .dec{ display: none; } .newsmain .sec_2 li:nth-child(2){ float: right; margin-right: 0; } .channelbanner{ height: 480px; } .newslist{ padding-top: 78px; } .newslist li:nth-child(2n){ float: right; } .newslist li{ float: left; width: 615px; list-style:none; } .newslist li a{ display: block; } .newslist li a *{ display: block; } .newslist li a .imgbox{ overflow: hidden; position: relative; background: #000; } .newslist li a:hover .img{ opacity: .6; } .newslist li a .img{ height:332px; } .newslist li a .icon{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/play.png) no-repeat center center; cursor: pointer; } .newslist li a .title{ font-size:22px; font-family:NotoSansHans-Regular; font-weight:100; color:rgba(62,58,57,1); padding-top: 18px; margin-bottom: 40px; } .newslist li *{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .newslist { padding-bottom: 88px; } .height131{ height: 131px; } .newslist li a:hover .title{ color: rgb(0, 171, 178) } .service_answer { padding: 80px 0 111px; min-height: 500px; } .w { width: 1255px; margin: 0 auto; height: 100%; } .el-input { position: relative; font-size: 14px; display: inline-block; width: 100%; } .service_answer .el-input { width: 237px; margin-bottom: 42px; } .el-input__inner { -webkit-appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; -webkit-box-sizing: border-box; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: none; padding: 0 15px; -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1); transition: border-color .2s cubic-bezier(.645,.045,.355,1); width: 100%; } .el-input--suffix .el-input__inner { padding-right: 30px; } .el-input__suffix { position: absolute; height: 100%; right: 5px; top: 0; text-align: center; color: #c0c4cc; -webkit-transition: all .3s; transition: all .3s; pointer-events: none; } .service_answer .el-input .el-input__inner { padding-right: 48px; } .service_answer .el-input .el-input__suffix { font-size: 20px; border: none; line-height: 40px; border-left: 1px solid #c0c4cc; width: 48px; text-align: center; border-radius: 0 4px 4px 0; cursor: pointer; background: url(../images/search.png) no-repeat center center; z-index: 55; right: 0; height: 40px; } .el-collapse { border-bottom: 1px solid #ebeef5; } .service_answer .el-collapse-item { font-size: 16px; font-weight: 400; color: #888; line-height: 32px; } .el-collapse-item__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; line-height: 48px; background-color: #fff; color: #303133; cursor: pointer; border-bottom: 1px solid #ebeef5; font-size: 13px; font-weight: 500; -webkit-transition: border-bottom-color .3s; transition: border-bottom-color .3s; outline: none; } .el-collapse-item__header.is-active { border-bottom-color: transparent; } .service_answer .el-collapse-item .el-collapse-item__header { font-size: 18px; font-weight: 400; color: #3e3a39; background: url(../images/down_arrow.png) no-repeat right center; background-size: 17px; } .service_answer .el-collapse-item .is-active { color: #00abb2; border-bottom: 1px solid #ebeef5; background: url(../images/up_arrow.png) no-repeat right center; background-size: 17px; } .service_answer .el-collapse-item .is-active a{color: #00abb2;} .el-collapse-item__wrap { will-change: height; background-color: #fff; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ebeef5; } .tab .el-collapse-item__wrap{ display: none; } .el-collapse-item__content { padding-bottom: 25px; font-size: 13px; color: #303133; line-height: 1.769230769230769; } .el-collapse-item__content .dec{font-size: 16px; color: #888888; font-family: NotoSansHans-Light; line-height: 32px; padding:20px 40px 0 30px; } .el-collapse-item__content .dec ul{ margin-bottom: 30px;} .el-pagination { white-space: nowrap; padding: 2px 5px; color: #303133; font-weight: 700; } .service_answer .el-pagination { margin-top: 100px; text-align: center; font-family: NotoSansHans-Regular; } .service_submit h1 { font-size: 30px; font-family: Noto Sans S Chinese Thin; font-weight: 100; color: #3e3a39; line-height: 55px; margin-bottom: 93px; width: 687px; margin: 0 auto 93px; text-align: center; } .service_submit { padding: 69px 0 79px; min-height: 500px; font-family: NotoSansHans-Regular-Light; } .el-form-item { margin-bottom: 22px; } .el-form-item { margin-bottom: 22px; } .service_submit .el-form-item.custom { display: inline-block; width: 601px; } .service_submit .el-form-item.custom:nth-child(odd) { margin-left:32px; } .service_submit .el-form-item.custom.textarea { width: 100%; } .el-form-item__label { text-align: right; vertical-align: middle; float: left; font-size: 14px; color: #606266; line-height: 40px; padding: 0 12px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .service_submit .el-form-item .el-form-item__label { text-align: left; } .el-form-item__content { line-height: 40px; position: relative; font-size: 14px; } .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before { content: "*"; color: #f56c6c; margin-right: 4px; } .service_submit .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before { content: ""; color: #f56c6c; margin-right: 4px; } .service_submit .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after { content: "*"; color: #00abb2; margin-left: 5px; font-size: 17px; } .tubiao:after{content: " " !important;} .el-radio-group { display: inline-block; line-height: 1; vertical-align: middle; font-size: 0; } .el-radio { color: #606266; font-weight: 500; line-height: 1; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; outline: none; font-size: 14px; margin-right: 30px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .el-radio__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .el-radio__label { font-size: 14px; padding-left: 10px; } .el-radio__inner {border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;position:relative;cursor:pointer;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;display: none;} .el-radio__inner:hover {border-color:#00abb2} .el-radio__inner:after {width:4px;height:4px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in} .el-radio__original {outline:none;position: relative;top: -1px;left:0;right:0;bottom:0;margin:0;} .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {-webkit-box-shadow:0 0 2px 2px #00abb2;box-shadow:0 0 2px 2px #00abb2} .el-radio__label {font-size:14px;padding-left:10px} .el-scrollbar {overflow:hidden;position:relative} .el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar {opacity:1;-webkit-transition:opacity .34s ease-out;transition:opacity .34s ease-out} .el-scrollbar__wrap {overflow:scroll;height:100%} .el-scrollbar__wrap--hidden-default {scrollbar-width:none} .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {width:0;height:0} .el-scrollbar__thumb {position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:background-color .3s;transition:background-color .3s} .el-scrollbar__thumb:hover {background-color:rgba(144,147,153,.5)} .el-scrollbar__bar {position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity .12s ease-out;transition:opacity .12s ease-out} .el-scrollbar__bar.is-vertical {width:6px;top:2px} .el-scrollbar__bar.is-vertical>div {width:100%} .el-scrollbar__bar.is-horizontal {height:6px;left:2px} .el-scrollbar__bar.is-horizontal>div {height:100%} .el-cascader-panel {display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;font-size:14px} .el-cascader-panel.is-bordered {border:1px solid #e4e7ed;border-radius:4px} .el-cascader-menu {min-width:180px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;border-right:1px solid #e4e7ed} .el-cascader-menu:last-child {border-right:none} .el-cascader-menu:last-child .el-cascader-node {padding-right:20px} .el-cascader-menu__wrap {height:204px} .el-cascader-menu__list {position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box} .el-cascader-menu__hover-zone {position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none} .el-cascader-menu__empty-text {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#c0c4cc} .el-cascader-node {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:none} .el-cascader-node.is-selectable.in-active-path {color:#606266} .el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path {color:#00abb2;font-weight:700} .el-cascader-node:not(.is-disabled) {cursor:pointer} .el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover {background:#f5f7fa} .el-cascader-node.is-disabled {color:#c0c4cc;cursor:not-allowed} .el-cascader-node__prefix {position:absolute;left:10px} .el-cascader-node__postfix {position:absolute;right:10px} .el-cascader-node__label {-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .el-cascader-node>.el-radio {margin-right:0} .el-cascader-node>.el-radio .el-radio__label {padding-left:0} .el-avatar {display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;color:#fff;background:#c0c4cc;width:40px;height:40px;line-height:40px;font-size:14px} .el-avatar>img {display:block;height:100%;vertical-align:middle} .el-avatar--circle {border-radius:50%} .el-avatar--square {border-radius:4px} .el-avatar--icon {font-size:18px} .el-avatar--large {width:40px;height:40px;line-height:40px} .el-avatar--medium {width:36px;height:36px;line-height:36px} .el-avatar--small {width:28px;height:28px;line-height:28px} .el-form-item:after, .el-form-item:before { display: table; content: ""; } .el-form-item:after, .el-form-item:before { display: table; content: ""; } .el-form-item:after { clear: both; } .el-radio__input.is-checked+.el-radio__label { color: #00abb2; } .service_submit .el-radio__input.is-checked+.el-radio__label { color: #00abb2; } .el-radio__input.is-checked .el-radio__inner { border-color: #00abb2; background: #00abb2; } .service_submit .el-radio__input.is-checked .el-radio__inner { border-color: #00abb2; background: #00abb2; } .el-radio__input.is-checked .el-radio__inner:after { -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); } .service_submit .el-form-item.custom .el-form-item__label { float: none; display: block; } .service_submit .el-form-item.custom .el-form-item__content { margin-left: 0!important; } .service_submit .el-form-item.custom .el-form-item__content .el-input__inner { border: none; border-radius: 0; border-bottom: 1px solid #c0c4cc; } .el-textarea__inner { display: block; resize: vertical; padding: 5px 15px; line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: inherit; color: #606266; background-color: #fff; background-image: none; border: 1px solid #dcdfe6; border-radius: 4px; -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1); transition: border-color .2s cubic-bezier(.645,.045,.355,1); } .service_submit .el-form-item.custom.textarea .el-textarea__inner { height: 298px; } .fr { float: right; } .service_submit .el-form-item .el-button:first-of-type { margin-left:0px; } .service_submit .el-form-item .el-button { width: 87px; height: 30px; border: 1px solid #898989; border-radius: 0; padding: 0; line-height: 30px; font-size: 16px; background: none; } .banner_inner{margin:0 auto;z-index:1;height:250px;} /*分页相关*/ .pagelist{ margin-bottom: 90px;} .pagelist ul{text-align:center;margin:20px 0 0px 0;} .pagelist li{display:inline-block;margin:0 2px;} .pagelist li a{color:#666;display:inline-block;/*border:1px solid #ddd;*/padding:6px 5px;} .pagelist li a:hover{/*border-color:rgba(0,171,178,1);background:rgba(0,171,178,1);*/color:#0AABB2;} .pagelist li.active a{/*border-color:rgba(0,171,178,1);background:rgba(0,171,178,1);*/color:#0AABB2;} .sec_banner{ text-align: center;} .sec_banner img{ max-width: 100%;} .list_fuwu{ overflow: hidden;} .list_fuwu ul{ width: 1257px; margin:80px auto;} .list_fuwu ul li{ background: #f8f8f8; width: 100%; overflow: hidden; padding: 30px 64px 25px 30px; margin: 20px 0;} .list_fuwu ul li:hover{background: #f1f1f1;} .list_fuwu ul li img{ float: left; margin-right: 50px; } .fuwu_img{width: 410px; height: 210px;} .list_fuwu ul li h3{ font-size: 30px; line-height: 36px; height:72px; overflow: hidden; margin-bottom: 10px;} .list_fuwu ul li h3 a{ color:#3E3A39; font-family:NotoSansHans-Regular; font-size: 30px;} .list_fuwu ul li p{ font-size: 16px; line-height: 30px; color: #888888; font-family: NotoSansHans-DemiLight; height: 60px; overflow: hidden;} .list_fuwu ul li h6{ text-align: right; margin-top: 15px;} .list_fuwu ul li h6 p{ line-height: 60px !important;} .list_fuwu ul li h6 img{ float: right; width: 30px; padding-top: 15px; } .ma_about{ overflow: hidden; margin:80px auto; width: 1257px;} .ma_about ul{} .ma_about ul li:nth-child(1){ overflow: hidden;} .ma_about_left{ float: left; width: 640px; padding-right: 38px;} .ma_about ul li:nth-child(1) img{ float:right; } .ma_about ul li:nth-child(1) h5{ font-size: 24px; font-weight:100; color: #3e3a39; margin-bottom: 20px;} .ma_about ul li:nth-child(1) h3{font-size: 24px; margin-bottom:40px;} .ma_about ul li:nth-child(1) p{ color: #888888; line-height: 36px; font-size: 18px; font-weight: 100; float: left;} .ma_about_right{ float: right; width: 600px;} .ma_about ul li:nth-child(3){ text-align: center; overflow: hidden; margin: 50px 0;} .ma_about ul li:nth-child(3) img{ max-width: 100%;} .ma_about ul li:nth-child(4){ overflow: hidden;} .ma_about ul li:nth-child(4) p{color: #888888; line-height: 36px; font-size: 18px; font-weight: 100;} .ma_about ul li:nth-child(5){ overflow: hidden; margin-top: 50px;} .ma_about ul li:nth-child(5) img{float: left; padding: 30px 150px ; background: #f2f2f3; margin-right: 30px;} .ma_about ul li:nth-child(5) p{color: #888888; line-height: 36px; font-size: 18px; font-weight: 100;} .ma_about ul li p{ color: #888888; line-height: 36px; font-size: 18px; font-weight: 100; text-align:left;} .pp_logo{float: left; padding: 30px 150px ; background: #f2f2f3; margin-right: 30px; margin-top: 10px;} .pp_2{ margin:50px auto; overflow: hidden;} .pp_2 img{float:left; padding-right:40px;} .pp_2 p{ color: #888888; line-height: 36px; font-size: 18px; font-weight: 100;} .ma_about1{ overflow: hidden; margin:80px auto; width: 1257px;} .ma_about1 ul{ margin: 0; padding: 0;} .ma_about1 ul li:nth-child(1){ overflow: hidden;} .ma_about_left{ float: left; width: 640px; padding-right: 30px;} .ma_about1 ul li:nth-child(1) img{ float:right; } .ma_about1 ul li:nth-child(1) h5{ font-size: 24px; font-weight:100; color: #3e3a39; margin-bottom: 20px;} .ma_about1 ul li:nth-child(1) h3{font-size: 24px; margin-bottom:40px;} .ma_about1 ul li:nth-child(1) p{ color: #888888; line-height: 36px; font-size: 18px; font-weight: 100; float: left;} .ma_about1 ul li:nth-child(2){ overflow: hidden; margin:76px 0;} .ma_about1 ul li:nth-child(2) p{ } .ma_about1 ul li:nth-child(2) img{ max-width: 100%;} .ma_about1 ul li:nth-child(3){ overflow: hidden;} .ma_about1 ul li:nth-child(3) p{color: #888888; line-height: 36px; font-size: 18px; font-weight: 100;} .ma_about1 ul li:nth-child(3) h5{ font-size: 24px; font-weight:100; color: #3e3a39; margin-bottom: 20px;} .ma_about1 ul li:nth-child(3) h3{font-size: 24px; margin-bottom:40px;} .ma_about1 ul li:nth-child(3) img{float:right;max-width: 100%; margin-top: 30px; margin-bottom: 30px;} .ma_about1 ul li:nth-child(4) p{color: #888888; line-height: 36px; font-size: 18px; font-weight: 100;} .ma_about1 ul li:nth-child(5) p{color: #888888; line-height: 36px; font-size: 18px; font-weight: 100; } .ma_about1 ul li:nth-child(4) h5{ font-size: 24px; font-weight:100; color: #3e3a39; margin-bottom: 20px; margin-top: 50px;} .ma_about1 ul li:nth-child(4) h3{font-size: 24px; margin-bottom:40px;} .ma_about1 ul li p{ color: #888888; line-height: 36px; font-size: 18px; font-weight: 100; text-indent: 20px; } .channel{overflow: hidden; margin: 80px 0;} .channel .listtype1{padding-bottom: .7rem;} .channel .listtype1 li:after{content:"";display:table;clear:both;} .channel .listtype1 li{padding-bottom: .2rem; list-style:none;} .channel .listtype1 li .imgbox{ } .channel .listtype1 li .imgbox img{float: left; width:600px;} .channel .listtype1 li .ri{float: left; margin-left: 50px; margin-top: 50px;} .channel .listtype1 li .ri img{} .channel .listtype1 li .tit{font-family:Noto Sans S Chinese Regular;font-weight:400;color:rgba(62,58,57,1);padding-top:36px;padding-bottom: 6px; font-size:32px;} .channel .listtype1 li .dec{font-family:NotoSansHans-Regular;font-weight:100;color:#888888;padding-top:20px;font-size:20px;line-height: 30px;} .channel .listtype1 li .dec p{ line-height: 30px; font-family:NotoSansHans-Regular; font-size: 20px; font-weight: 100;} .channel .listtype1 li:nth-child(2n) .imgbox img{float: right; width:600px;} .channel .listtype1 li:nth-child(2n) .ri{float: left;text-align: right; text-align: right; width: 550px;} .channel .listtype1 li:nth-child(2n) .ri img{} .channel .listtype1 li:nth-child(2n) .ri .tit{} .channel .listtype1 li:nth-child(2n) .ri .dec{ } .channel .pxmain{ width: 80%; margin: 20px auto; } .channel .pxmain .items{ text-align: center; font-size: 0px; } .channel .pxmain .items .item{ display: inline-block; vertical-align: middle; margin:0 90px; } .channel .pxmain .items .item:hover .icon{background:#00abb2 !important;} .channel .pxmain .items .icon{ width:130px; height:130px; background:rgba(179,180,180,1); border-radius:50%; margin: auto; position: relative; } .rl_bg{background:#00abb2 !important;} .channel .pxmain .items .icon img{position:absolute;top: 50%;left: 50%;-o-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 62%;} .channel .pxmain .items .tit{ font-size:24px; font-family:NotoSansHans; font-weight:300; color:rgba(51,51,51,1); padding-top:30px; } .ma_rl .title{font-size:20px;font-family:NotoSansHans;font-weight:400;color:rgba(62,58,57,1); margin: 30px 0;} .ma_rl .dec{font-size:16px; line-height:36px;font-family:NotoSansHans;font-weight:normal;color:rgba(136,136,136,1);} .ma_rl .tags *{ display: inline-block; vertical-align: middle; background: rgba(242,242,242,1); border-radius:4px; line-height:30px; margin-right: .2rem; font-size: 16px; font-family:NotoSansHans; font-weight:normal; color:rgba(136,136,136,1); padding: 0px 20px; } .ma_rl .imgbox{text-align: center; padding-bottom: 30px; margin-top:40px; } .ma_rl .imgbox img{ width: 100%; } .ma_rl{ margin:80px auto; overflow: hidden;} .ma_rl img{ max-width: 100%;} .ma_rl p{color: #888888; line-height: 36px; font-size: 18px; font-weight: 100; margin-bottom: 10px;} .ma_rl p strong{ background: #f2f2f2; color: #888; margin-right: 10px; padding: 5px 20px; border-radius: 10px; font-weight: 100;} .ques{ padding: 0px .36rem; padding-top: .65rem; padding-bottom: .75rem; } .ques li{ } .ques h4{font-size: 14px; font-weight: 400; margin-bottom: 10px;font-size: 16px;} .ques h6{ font-size: 14px; font-weight: 100;margin-bottom: 30px;font-size: 16px;} .ques strong{font-weight: 200;font-size: 16px;} .ques p{font-weight: 200; font-size: 16px; line-height: 32px;} .ques li.current .h2tit{ background: url(../images/dk2.png) no-repeat 96% center; color: #00ACB1; background-size:auto 9px; } .ques li.current .h2tit a{ color:#00ACB1 ;} .ques li .h2tit{ font-size: .38rem; font-family:NotoSansHans; font-weight:400; color:rgba(62,58,57,1); background: url(../images/dk1.png) no-repeat 96% center; background-size: 9px; padding: .25rem 0px; } .ques li .dec{ font-size: .25rem; font-family:NotoSansHans; font-weight:normal; color:rgba(136,136,136,1); line-height: .5rem; display: none; } .kpdetail{ } .kpdetail .sec_1{ font-size:.25rem; font-family:NotoSansHans; font-weight:normal; color:rgba(136,136,136,1); line-height:.5rem; padding-left: .36rem; padding-right: .36rem; padding-top: 1.5rem; } .kpdetail .sec_1 p{ } .kpdetail .sec_1 img{ width: 100%; margin: 3% 0px; } .kpdetail .sec_2{ } .kpdetail .sec_2 .title{ font-size: 30px; font-family:NotoSansHans; font-weight:500; color:rgba(62,58,57,1); line-height: 1; text-align: center; padding-top: .82rem; } .kpdetail .sec_2 .title:after{ content:""; margin:auto; width:44px; height:3px; background:rgba(62,58,57,1); border-radius:2px; margin-top:10px; display: block; } .kpdetail .sec_2 .list{ margin-top: .48rem; margin-bottom: .9rem; text-align: center; } .kpdetail .sec_2 .list a{ display: block;width:400px;margin: auto; } .kpdetail .sec_2 .list img{ display: block; width: 100%; } .kpdetail .sec_2 .titles{ display: block; padding-top: .28rem; font-size: 16px; font-family:NotoSansHans; font-weight:400; color:rgba(62,58,57,1); line-height: 1; } .kpdetail .sec_2 .swiper-button-next{ background: url(../images/right5.png) no-repeat center center; background-size: 100%; border-radius: 5000px; right: 6%; width: 50px; height: 50px; } .kpdetail .sec_2 .swiper-button-prev{ background: url(../images/left5.png) no-repeat center center; background-size: 100%; width: 50px; height: 50px; border-radius: 5000px; left: 6% } .wdmain{ } .wdmain .title{ font-size:29px; color:#00acb1; font-family: "黑体"; } .wdmain .infors{zoom: 1;overflow: hidden;padding-top: 30px;} .wdmain .model{ zoom: 1; overflow: hidden; } .wdmain .model p{ font-size:14px; font-family:NotoSansHans; font-weight:400; color:rgba(136,136,136,1); float: left; width: 33%; } .wdmain .model{ line-height: 60px; border-bottom: 1px solid #888888; } .wdmain .model img{ width: 12px; margin-right: 5px; vertical-align: middle; position: relative; top: -1px; } .wdmain .model:nth-child(1) p:nth-child(2){ width: 60%; } .wdmain .mapmain .map{ height: 100%; } .wdmain .mapmain{ margin-top: .64rem; height:450px; } .wdmain{ padding-bottom: .9rem; } .kpmain{ padding-top: .8rem; } .kpmain li{ } .kpmain li a{ display: block; zoom: 1; overflow: hidden; padding-left: .37rem; padding-bottom: .64rem; border-bottom: .1rem solid #eee; margin-bottom: .65rem; } .kpmain li a *{ display: block; } .kpmain li a .imgbox{ } .kpmain li a .imgbox img{ float: left; width: 2.71rem; height: 1.32rem; } .kpmain li a .content{ float: left; width: 3.65rem; margin-left: .38rem; } .kpmain li a .title{ font-size: .33rem; font-family:NotoSansHans; font-weight:400; color:rgba(62,58,57,1); } .kpmain li a .dec{ font-size: .25rem; font-family:NotoSansHans; font-weight:normal; color:rgba(136,136,136,1); line-height: .42rem; padding-top: .1rem; } .kpmain li:last-child a{ margin-bottom:0px; border:none; } .news_show{ overflow: hidden;} .news_show h1{ text-align: center; margin-top:80px;color: #3e3a39; font-family: Noto Sans S Chinese Regular;} .news_show .info{ text-align: center; color: #999999; line-height: 30px; margin-top: 20px;} .news_show .intro{font-size: 18px; font-family: NotoSansHans-Regular !important; font-weight: 100; color:#888888 !important; line-height: 36px; padding-top:30px;} .news_show .intro ul{ padding: 0 30px;} .news_show .intro p{} .news_show .intro img{ max-width: 100%;} .news_show .intro video{max-width: 100% !important; height: 100% !important;} .prodetail .floating .picScroll-left{overflow:hidden;position:relative;/* border:1px solid #ccc; */} .prodetail .floating .hd{/* overflow:hidden; *//* height:30px; *//* background:#f4f4f4; *//* padding:0 10px; */} .prodetail .floating .hd .prev,.prodetail .floating .hd .next{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; display:block;overflow:hidden;cursor:pointer;position: absolute;top:38%;left: 0; -o-transform: translate(0%, -50%);-webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%); transform: translate(0%, -50%);width: 60px;height:60px; background:rgba(241,241,241,1);border-radius:50%;z-index: 6; background: url(/public/images/le.png) no-repeat;} .prodetail .floating .hd .next{ left: auto; right: 0; background: url(/public/images/ri.png) no-repeat; } .prodetail .floating .hd .prev:hover{ background: url(/public/images/leh.png) no-repeat; } .prodetail .floating .hd .next:hover{ background:url(/public/images/rih.png) no-repeat} .prodetail .floating .hd .prevStop{ background-position:-60px 0; } .prodetail .floating .hd .nextStop{ background-position:-60px -50px; } .prodetail .floating .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .prodetail .floating .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("/public/images/icoCircle.gif") 0 -9px no-repeat; } .prodetail .floating .hd ul li.on{ background-position:0 0; } .prodetail .floating .bd{/* padding:10px; */} .prodetail .floating .bd ul{ overflow:hidden; zoom:1; } .prodetail .floating .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; width: 350px !important; } .prodetail .floating .bd ul li h5{ height: 70px; overflow: hidden; line-height: 25px;} .prodetail .floating .bd ul li h5 a{} .prodetail .floating { padding-bottom: 99px; } .prodetail .floating .tempWrap{ margin: auto; } .prodetail .floating .bd ul li .imgbox{ text-align:center; width: 350px; margin: auto;} .prodetail .floating .bd ul li .imgbox img{ height: 220px; max-width: 100%; } .prodetail .floating .bd ul li .title{ font-size:18px; font-family:NotoSansHans-Regular; font-weight:100; color:rgba(61,57,57,1); display: block; padding-top: 20px; width: 350px !important; margin: auto; } .prodetail .floating .bd ul li p{ width:350px; color: #626262; line-height: 22px; font-size: 12px; margin-top:18px;} .prodetail .floating .title2{ font-size:48px; font-family:Noto Sans S Chinese Light; font-weight:100; color:#727171; text-align: center; padding-top:90px; padding-bottom: 50px; line-height: 1; } .prodetail .floating .title2 h6{ border-top: 6px solid #727171; width:64px; margin: 20px auto; overflow: hidden;} .prodetail .block_1 .imgbox{ width: 519px; height: 457px; } .qita{ overflow: hidden; margin: 30px auto;} .qita h3{ text-align: center; font-size: 30px; margin-bottom: 30px;} .qita strong{ margin-bottom: 10px;font-size: 16px;} .qita p{color: #333; font-weight: 100; line-height:36px; font-size: 16px;} .qita_1 h3{ border-left: 2px solid #00aab1; padding-left: 10px; line-height:19px; margin-bottom:30px; text-align: left; margin-top: 54px;} .qita_1 h3 a{font-weight: 100; font-size:20px; font-family:"Noto Sans S Chinese Regular" ; color: #3e3a39;} .qita_1{ overflow: hidden; margin-bottom: 30px;} .qita_1 dl{ width:16%; text-align: left; float: left;} .qita_1 dl dt{ width: 100%; overflow: hidden; font-weight: 400; font-size: 16px; margin-bottom:30px;} .qita_1 dl dt a{ font-weight: 100;font-size:18px;font-family:"Noto Sans S Chinese Regular" ; color: #3e3a39;} .qita_1 dl dd{width: 100%; overflow: hidden; line-height:36px;} .qita_1 dl dd a{ font-weight: 100;font-size:14px;font-family:"Noto Sans S Chinese DemiLight" ; color: #3e3a39;} .footer .block_1 .right1{overflow: hidden; margin-top: 80px;} .footer .block_1 .right0{float:right; width: 42%;} .footer .block_1 .right1 img{ margin-right:30px;} .banner img{ max-width: 100%; } .swiper-slide{ text-align: center;} .banner .swiper-button-next, .banner .swiper-button-prev{ position: absolute; top: 50%; -o-transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); transform: translate(0%,-50%); cursor: pointer; border: none; outline: none; padding: 0; margin: 0; height: 36px; width: 36px; cursor: pointer; -webkit-transition: .3s; transition: .3s; border-radius: 50%; background-color: rgba(31,45,61,.11); color: #fff; z-index: 10; text-align: center; font-size: 12px; background-size: 80% !important; background-position: center center !important; background-repeat: no-repeat !important; opacity: 0; } .sec_1 .swiper-button-prev{ left: 20px; width: 50px !important;height: 50px !important; background: url(/public/images/bannerl.png) no-repeat; background-size: 100% !important; } .sec_1 .swiper-button-next{ right: 20px;width: 50px !important; height: 50px !important; background: url(/public/images/bannerr.png) no-repeat; background-size: 100% !important; } .banner .swiper-button-prev{ left: 10px; width: 80px !important;height: 80px !important; background: url(/public/images/bannerl.png) no-repeat; } .banner .swiper-button-next{ right: 10px;width: 80px !important; height: 80px !important; background: url(/public/images/bannerr.png) no-repeat; } .banner:hover .swiper-button-next, .banner:hover .swiper-button-prev{ opacity: 1; } .banner .swiper-button-prev{ left: 10px; background-image: url(../images/leftbtn.png) !important; } .banner .swiper-button-next{ right: 10px; background-image: url(../images/rightbtn.png) !important; } .banner .swiper-pagination-bullet{ cursor: pointer; display: inline-block; zoom: 1; width: 11px; height: 11px; margin: 4px; background: url(images/dot-black.png) 0 0; overflow: hidden; line-height: 9999px; background: rgba(0,171,178,1); border-radius: 30px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .banner .swiper-pagination-bullet{ cursor: pointer; display: inline-block; zoom: 1; width: 11px; height: 11px; margin: 4px; overflow: hidden; line-height: 9999px; background: rgba(0,171,178,1); border-radius: 30px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; opacity: 1; } .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ filter: alpha(opacity=100); opacity: 1; background: #fff; } /*发展历程*/ .mm_lc1{ overflow: hidden;} .mm_lc1 img{ float: left; padding-right:52px;} .mm_lc0{ float: left; width:580px;} .mm_lc0 h6{ margin-top: 50px; margin-bottom: 40px;} .mm_lc0 h6 a{ font-family: NotoSansHans-Bold; font-size: 24px; border-bottom: 2px solid #3e3a39; color: #3e3a39; padding-bottom:8px;} .mm_lc0 p{ font-family: NotoSansHans-Regular; font-size: 18px; color: #888888; line-height: 36px;} .mm_lc2{ overflow: hidden;} .mm_lc2 img{ float:right; padding-left:52px;} .mm_lc00{ float: left;width:580px;} .mm_lc00 h6{ margin-top: 50px; margin-bottom: 40px; text-align:right} .mm_lc00 h6 a{ font-family: NotoSansHans-Bold; font-size: 24px; border-bottom: 2px solid #3e3a39; color: #3e3a39; padding-bottom:8px;} .mm_lc00 p{ font-family: NotoSansHans-Regular; font-size: 18px; color: #888888; line-height: 36px; text-align:right} .licheng{} .licheng ul{} .licheng ul li{ overflow: hidden; margin: 0 !important;} .licheng ul li img{ width: 654px; height: 336px;} .licheng div p{ text-indent: 0 !important;} .licheng ul li:nth-child(2n+1){} .licheng ul li:nth-child(2n+1) img{ float: left;padding-right:52px;} .licheng ul li:nth-child(2n+1) div{float: left; width:580px;} .licheng ul li:nth-child(2n+1) div h6{ margin-top: 50px; margin-bottom: 40px;} .licheng ul li:nth-child(2n+1) div h6 a{ font-family: NotoSansHans-Bold; font-size: 24px; border-bottom: 2px solid #3e3a39; color: #3e3a39; padding-bottom:8px;} .licheng ul li:nth-child(2n+1) div p{ font-family: NotoSansHans-Regular; font-size: 18px; color: #888888; line-height: 36px;} .licheng ul li:nth-child(2n){} .licheng ul li:nth-child(2n) img{ float:right; padding-left:52px;} .licheng ul li:nth-child(2n) div{float: left;width:580px;} .licheng ul li:nth-child(2n) h6{ margin-top: 50px; margin-bottom: 40px; text-align:right} .licheng ul li:nth-child(2n) h6 a{ font-family: NotoSansHans-Bold; font-size: 24px; border-bottom: 2px solid #3e3a39; color: #3e3a39; padding-bottom:8px;} .licheng ul li:nth-child(2n) p{ font-family: NotoSansHans-Regular; font-size: 18px; color: #888888; line-height: 36px; text-align:right} /*悬浮链接*/ .suspension{position:fixed;z-index:55;right:0px;bottom:300px;width:70px;} .suspension-box{position:relative;float:right;box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.3);} .suspension .a{display:block;height:80px; text-align:center;cursor:pointer;outline:none; background:#00abb2;border-bottom: 1px solid #e6e6e6;} .suspension a:last-child{border-bottom: 0} .suspension .a.active, .suspension .a:hover{background:#01959b;} .suspension .a img{ margin-top: 12px;} .suspension .a p{color: #fff;font-size: 14px;margin-top: 10px;} .suspension .a .i{float:left;width:48px;height:48px;background-image:url(/public/images/side_icon.png);background-repeat:no-repeat;} /* .suspension .a-service .i{background-position:0 0;} */ .suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/public/images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;} .suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/public/images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;} .suspension .a-qrcode .i{background-position:-48px 0;} .suspension .a-email .i{background-position:-96px 0;} .suspension .a-top .i{background-position:-144px 0;} .suspension .a-top{background:#D2D3D6;display:none;} .suspension .a-top:hover{background:#c0c1c3;} .suspension .d{display:none;width:223px;background:#00abb2;position:absolute;right:67px;min-height:50px;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d .arrow{position:absolute;width:8px;height:12px;/*background:url(/public/images/side_bg_arrow.png) no-repeat;*/right:-8px;top:25px;} .suspension .d-service{top:0;} .suspension .d-service-phone{top:100px; width: 137px !important;} .suspension .d-qrcode{top:0px;} .suspension .d-email{top:250px; width: 200px;} .suspension .d .inner-box{} .suspension .d-service-item{border-bottom:0px solid #eee;padding:0px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;} .suspension .d-service-item .i-qq{width:48px;height:48px;background:url(/public/images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item:hover .i-qq{background-position:center 3px;} .suspension .d-service-item .i-tel{width:48px;height:48px;background:url(/public/images/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item .i-email{width:48px;height:48px;background:url(/public/images/side_con_icon04.png) no-repeat center center;display:block;} .suspension .d-service-item h3{ line-height:48px;font-size:18px; text-align: center;} .suspension .d-service-item .text{line-height:22px;font-size:18px; text-align: center;} .suspension .d-service-item .text .number{font-family:Noto Sans S Chinese Regular; color: #fff; line-height: 50px;} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:18px;width:50%;white-space:nowrap;color:#fff;} .suspension .d-service-intro i{background:url(/public/images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:20px 0;} .suspension .d-qrcode img{ width: 80%;} .suspension .d-qrcode p{font-size:18px;color:#fff; margin-top: 10px;} .timeimg{font-size: 14px; font-family: NotoSansHans; font-weight: 400; color: rgba(137,137,137,1); padding-left: 21px; background: url(../images/time3.png) no-repeat left center;} .zhishi_left{ float: left; width: 410px;height: 210px;} .zhishi_right{ float: right; width: 700px;} .zhishi_right .imgleft{ width: 150px; float: left; text-align: left;}