@charset "utf-8";
.header.current .logo{opacity:1!important}
.header.current .logo_green{opacity:0!important}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:0}
.swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container-vertical>.swiper-wrapper {-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper {transform:translateZ(0)}
.swiper-container-multirow>.swiper-wrapper {-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function:ease-out;margin:0 auto}
.swiper-slide {-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank {visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height:auto}
.swiper-container-autoheight .swiper-wrapper {-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}
.swiper-container-3d {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 {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:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-right {background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-top {background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-bottom {background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {-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;background-size:27px 44px;background-position:50%;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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}
.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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}
.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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}
.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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}
.swiper-button-lock {display:none}
.swiper-pagination {position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(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-bullets-dynamic {overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform:scale(.33)}
.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;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer}
.swiper-pagination-bullet-active {opacity:1;background:#007aff}
.swiper-container-vertical>.swiper-pagination-bullets {right:10px;top:50%;transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display:inline-block;transition:top .2s,-webkit-transform .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition:left .2s,-webkit-transform .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition:right .2s,-webkit-transform .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}
.swiper-pagination-progressbar {background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {width:4px;height:100%;left:0;top:0}
.swiper-pagination-white .swiper-pagination-bullet-active {background:#fff}
.swiper-pagination-progressbar.swiper-pagination-white {background:hsla(0,0%,100%,.25)}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active {background:#000}
.swiper-pagination-progressbar.swiper-pagination-black {background:rgba(0,0,0,.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {background:#000}
.swiper-pagination-lock {display:none}
.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-scrollbar-lock {display:none}
.swiper-zoom-container {width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align: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%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed {cursor:move}
.swiper-lazy-preloader {width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s steps(12) infinite}
.swiper-lazy-preloader:after {display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}
@keyframes swiper-preloader-spin {to {transform:rotate(1turn)}
}
.swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide {pointer-events:none;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-container-cube {overflow:visible}
.swiper-container-cube .swiper-slide {pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide {pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide {transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events:auto}
.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-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow {position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}
.swiper-container-flip {overflow:visible}
.swiper-container-flip .swiper-slide {pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide {pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events:auto}
.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;backface-visibility:hidden}
.swiper-container-coverflow .swiper-wrapper {-ms-perspective:1200px}

.pro-page-1 {width:100%;height:100vh!important;position:relative;overflow:hidden}
.pro-page-1 .pro-detail-box {width:75vw;height:auto;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;max-height:75vh;position:absolute;top:calc(50% + 20px);left:12.5vw;margin-top:-19.271vw}
.pro-page-1 .pro-detail-box .detail-photo,.pro-page-1 .pro-detail-box .photos {width:41.146vw;height:38.542vw;max-height:75vh}
.pro-page-1 .pro-detail-box .detail-photo {background-size:cover!important}

.pro-detail-info {width:26.854vw;box-sizing:border-box}
.pro-detail-info .title {margin-top:1vw;font-size:2.125rem;color:#000}
.pro-detail-info .desc {margin-top:.8vw;font-size:1rem;color:#000;text-align:justify;line-height:2}
.pro-detail-info .params-box {margin-top:2.6vw}
.pro-detail-info .params-box .params-item {display:-ms-flexbox;display:flex}
.pro-detail-info .params-box .params-item .key {width:3em;padding:1.146vw 0;border-bottom:1px solid #000;font-size:1rem;color:#000;line-height:1.4}
.pro-detail-info .params-box .params-item .value {width:calc(100% - 4em);word-break:break-all;margin-left:.65vw;padding:1.146vw 0;border-bottom:1px solid #dcdcdc}
.pro-detail-info .params-box .params-item .value span {font-size:1rem;word-break:break-all;color:#333;letter-spacing:1px;line-height:1.4;margin-right:.5vw}
.pro-detail-info .params-box .params-item:first-child .key {border-top:1px solid #000}
.pro-detail-info .params-box .params-item:first-child .value {border-top:1px solid #dcdcdc}
.pro-detail-info .material-box {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:3.3vw;overflow:hidden}
.pro-detail-info .material-box .mater-item {display:inline-block}

.material-box {margin-top:3.6875vw}
.material-box .mater-item {width:2.3vw;height:2.3vw;margin-right:1.042vw;margin-bottom:1.042vw;background:#ececec;border:2px solid transparent;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%;cursor:pointer;transition:opacity .3s ease-in-out}
.material-box .mater-item:hover {opacity:.7}
.material-box .mater-item img {width:calc(2.3vw - 3px);height:calc(2.3vw - 3px);border:1px solid #fff;border-radius:50%;overflow:hdiden}
.material-box .mater-item.active,.material-box .mater-item.active img {border-color:#ececec}

.btn-box {margin-top:1.042vw}
.btn-box,.btn-box .pd-btn {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.btn-box .pd-btn {width:41.2%;margin-right:7.5%;height:3.4375vw;-ms-flex-pack:center;justify-content:center;border-radius:2px;transition:opacity .3s ease-in-out;cursor:pointer}
.btn-box .pd-btn:hover {opacity:.7}
.btn-box .pd-btn .iconfont {font-size:1.042vw}
.btn-box .pd-btn span {font-size:1.042vw;margin-left:12px}
.btn-box .pd-btn:last-child {margin-right:0}
.btn-box .btn-zx {background:#282828}
.btn-box .btn-zx .iconfont,.btn-box .btn-zx span a{color:#fff}
.btn-box .btn-contact {background:#eee}
.btn-box .btn-contact .iconfont,.btn-box .btn-contact span{color:#282828}

.photo-pagination {width:100%;height:2px;position:absolute;right:auto;top:auto;left:0!important;bottom:30px!important;z-index:4;text-align:center}
.photo-pagination .swiper-pagination-bullet {width:2.6vw!important;height:2px!important;box-sizing:border-box;background:#92979e;margin:0 5px!important;position:relative;opacity:1;border-radius:0!important}
.photo-pagination .swiper-pagination-bullet-active {background:#72bc2f}
.swiper-slide {overflow:auto!important}
.animated.slideInRight,.animated.slideOutRight {animation-duration:.5s}
.slideInRight{ display:none;}
.pro-pagination {width:27px!important;height:38.542vw;position:absolute;left:-4.3vw!important;top:50%;right:auto!important;bottom:auto!important;transform:translateY(-50%);z-index:4;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;outline:0}
.pro-pagination .swiper-pagination-bullet {width:27px!important;height:27px!important;border-radius:14px;box-sizing:border-box;border:1px solid transparent;background:transparent;margin:3px 0!important;position:relative;outline:0;opacity:1}
.pro-pagination .swiper-pagination-bullet:before {content:"";display:block;width:5px;height:5px;border-radius:5px;background:#92969d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.pro-pagination .swiper-pagination-bullet-active {border-color:#c6141e}
.pro-pagination .swiper-pagination-bullet-active:before {background:#c6141e}

@media screen and (max-width:640px) {
.swiper-container-autoheight{ padding-bottom:8%;}
.pro-page-1{ height:auto !important;}
.pro-page-1 .pro-detail-box { width:100% !important; position:static; margin-top:20%; display:block; padding:4%;}
.pro-page-1 .pro-detail-box .detail-photo,.pro-page-1 .pro-detail-box .photos{ width:100% !important;}
.pro-pagination{ width:100% !important; padding:4% 0; height:auto; display:inline-block; text-align:center; position:static; transform:none;}
.pro-detail-info,.pro-detail-info .material-box{ width:100% !important; height:auto; display:block;}
.material-box .mater-item{ width:10vw; height:10vw;}
.material-box .mater-item img{ width: calc(10vw - 3px); height: calc(10vw - 3px);}
.btn-box{ padding:4% 0;}
.btn-box .pd-btn{ height:10vw;}
}