@charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}html{background-color:#fff}body{font-family:"Microsoft YaHei","寰蒋闆呴粦",Arial,Helvetica,sans-serif;font-size:14px;color:#000;background-color:#fff}a{color:#000;text-decoration:none}a:hover,a:focus{outline:0;text-decoration:none}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}img{border:0;margin:0;padding:0}ul,ol,li{list-style:none;margin:0;padding:0}.R{float:right}.L{float:left}.hide{display:none !important}.clear:after{content:'';display:block;clear:both}.fadein{animation:fadein 1s ease-in-out;-webkit-animation:fadein 1s ease-in-out}.container{position:relative;width:100%;overflow:hidden}header{width:100%;position:absolute;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;z-index:1}.logo{position:absolute;width:444px;height:62px;left:0;top:0;background-image:url("../images/logo2.png");background-repeat:no-repeat;background-size:contain}.logo a{position:absolute;width:35%;height:80%;left:0;top:50%;transform:translateY(-50%)}.menu-btn{position:absolute;width:45px;height:45px;right:0;top:0;background-image:url("../images/menu.png");background-repeat:no-repeat;background-size:contain;cursor:pointer}.menu-board{position:absolute;right:0;top:0;width:200px;background-color:#fff;padding:20px;z-index:100;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.menu-box{position:relative;width:100%}.menu-box a{display:block;height:30px;width:100%;font-size:14px;line-height:30px;margin-top:20px;border-bottom:1px solid #ddd}.menu-box a:last-child{border-bottom:0}.menu-btn-close{position:absolute;width:16px;height:16px;right:16px;top:16px;background-image:url(../images/btn_close.png);background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer}.row{width:100%;display:block;position:relative}.container{position:relative;width:100%;overflow:hidden;margin:0 auto;font-size:15px}.map-container{height:100%;width:100%;background-image:url("../images/bg.png");background-repeat:repeat-x;background-size:10px 100%}.map{height:calc(100vh);background-color:#fff}.map-box{position:absolute}.map-board,.sprite-board,.buoy-board,.area-board{position:absolute;width:100%;height:100%;left:0;top:0}.map-board{background-image:url("../images/map.png");background-position-y:top;background-position-x:center;background-repeat:no-repeat;background-size:cover}.map-bg-item{display:block;float:left;position:relative;width:25%;height:33.33333%}.buoy-item{position:absolute;width:20px;height:30px;transform:translate(-50%,-50%);background-image:url("../images/buoy.png");background-position-y:center;background-position-x:center;background-repeat:no-repeat;background-size:contain}.area-img{position:absolute;width:100%;height:100%}.drag-mask{position:absolute;width:100%;height:100%;background-color:#000;opacity:.0}.popup-box{position:absolute;width:600px;height:770px;max-height:80%;min-height:100px;top:50%;transform:translate(0,-50%);background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.3);border-radius:10px;z-index:1;-webkit-transition:height .2s ease-out;-moz-transition:height .2s ease-out;-o-transition:height .2s ease-out;transition:height .2s ease-out}.popup-box-f-right{left:50%}.popup-box-f-left{right:50%}.popup-container{position:relative;margin:20px 10px 0 25px;height:calc(100% - 20px)}.title-box{position:relative;width:100%;height:40px;vertical-align:bottom}.title-box .title{font-size:20px;letter-spacing:2px;display:inline-block;font-weight:600}.title-box .title-sub{cursor:pointer;padding-left:20px;position:relative}.title-box .title-sub:before{content:'';background-image:url(../images/btn_back.png);background-position:center;background-repeat:no-repeat;background-size:contain;width:10px;height:12px;position:absolute;top:55%;transform:translateY(-50%);left:0}.title-box .comments{font-size:13px;color:#777}.btn-close{position:absolute;width:16px;height:16px;right:10px;top:0;background-image:url(../images/btn_close.png);background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer}.content-box{position:relative;overflow-y:auto;height:calc(100% - 50px)}.content-box .content-box-inner{position:relative;width:calc(100% - 10px);height:100%}.content-box .content-item{position:relative;display:block;float:left;width:100%;padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.content-box .content-item-v{width:100%;cursor:pointer}.content-box .p-img-border{border-radius:5px;overflow:hidden;border:1px solid #f0f1f5}.content-item .p-img{display:block;width:calc(100%)}.content-item .p-img-r{display:block;margin-right:6px;width:calc(100% - 6px)}.content-item .name{display:table-cell;padding-top:5px}.content-item .name .n{font-size:14px;letter-spacing:2px;font-weight:600}.content-item .name .t{font-size:12px;color:#777}.content-item .name .d{font-size:14px;line-height:24px;color:#7a7a7a}.content-item .more{position:relative;width:100%;height:50px;font-size:12px}.content-item .more .btn-more{position:absolute;top:10px;right:35px;font-size:13px;font-weight:normal}.content-item .more .btn-more:before{content:'';position:absolute;height:1px;width:36px;background-color:#666;left:-45px;top:10px}.content-item .more .btn-more:after{content:'';width:0;height:0;border-top:4px solid transparent;border-left:7px solid #000;border-bottom:4px solid transparent;position:absolute;top:5px;margin-left:10px}.popup-box-grid3{height:380px}.popup-box-grid3-row1{height:225px}.popup-box-grid3 .content-box{height:calc(100% - 60px)}.popup-box-grid3 .content-box .content-box-inner{width:calc(100%)}.popup-box-grid3 .content-item{width:33.3%;padding-right:10px}.popup-box-grid3 .content-item .p-img{width:100%}.popup-box-grid3 .popup-container-grid .content-item .p-img{cursor:pointer}.popup-box-grid3 .content-item .name{display:block;padding-top:5px;text-align:center;height:40px;line-height:16px}.popup-box-grid3 .content-item .name-single-line{height:25px}.popup-box-grid3 .content-item .name .n{font-size:14px;font-weight:400;letter-spacing:0;cursor:pointer}.popup-box-detail{height:476px}.popup-box-detail-nolink{height:430px}.popup-box-detail-v{height:520px}.popup-box-detail-factory{height:410px}.popup-box-ciie{height:440px}.popup-box-txt{height:225px}.popup-container-detail .content-item{width:100%;padding-right:10px}.popup-container-detail .content-item .name{text-align:left;height:70px;padding-top:12px}.popup-container-detail .content-item .more{margin-top:10px;height:35px}.popup-box-detail-v .popup-container-detail .content-item .name{height:40px}.popup-box-detail-factory .popup-container-detail .content-item .name{height:40px}.scroll-bar::-webkit-scrollbar{width:6px;height:1px}.scroll-bar::-webkit-scrollbar-thumb{border-radius:6px;box-shadow:inset 0 0 5px rgba(0,0,0,0.0);background:#bbb}.scroll-bar::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.0);border-radius:10px;background:#f1f1f1}.popup-box .content-item .video-board{width:100%;height:313px}.youkuplayer{width:100% !important;height:100% !important}.popup-box-detail-v .content-item .more{margin-top:6px;height:35px}.btn-v-play-outter{position:absolute;width:90px;height:90px;right:0;bottom:-10px;background-image:url(../images/btn_play.png);background-repeat:no-repeat;background-position:center;background-size:contain}.btn-v-play-outter .btn-play{position:absolute;width:55%;height:55%;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.content-box .intro{position:relative;width:100%;color:#000;opacity:.7;font-size:15px;line-height:23px;margin-top:0}.content-box .image-outter{position:relative;width:100%;float:left;margin-top:0}.content-box .image-outter .content-item{margin-bottom:10px;cursor:pointer}.image-pupop-viewer,.player-board{position:fixed;width:100%;height:100%;z-index:2}.mask{position:absolute;width:100%;height:100%;background-color:#fff;opacity:.95}.image-viewer-outter{position:absolute;width:70vw;height:80vh;top:50%;left:50%;transform:translate(-50%,-50%)}.image-swiper-container{position:relative;width:100%;height:100%}.image-pupop-viewer .image-silder{width:70vw;height:80vh;background-image:url(../images/clean1/b01.jpg);background-position:center;background-size:contain;background-repeat:no-repeat}.image-pupop-viewer .image-silder2{background-image:url(../images/clean1/b02.jpg)}.btn-swiper-close,.btn-video-close{position:absolute;width:22px;height:22px;right:-28px;top:0;background-image:url(../images/btn_cloase2.png);background-position:center;background-size:contain;background-repeat:no-repeat;cursor:pointer}.btn-swiper{position:absolute;width:16px;height:29px;top:50%;transform:translateY(-50%);background-position:center;background-size:contain;background-repeat:no-repeat;cursor:pointer;outline:0;opacity:.5}.btn-swiper:hover{opacity:1}.btn-swiper-prev{left:-40px;background-image:url(../images/btn_prev.png)}.btn-swiper-next{right:-40px;background-image:url(../images/btn_next.png)}.swiper-pagination{bottom:-24px;font-size:14px;color:#777}.player-board .player-outter{position:absolute;left:50%;top:50%;background-color:#fff;box-shadow:0 0 50px #bbb;padding:6px;border-radius:10px;transform:translate(-50%,0)}.player-board .player-inner{background-color:#000}.player-board .btn-player-close{position:absolute;width:30px;height:30px;top:-30px;right:0;color:#ccc;font-size:36px;text-align:center;line-height:25px;cursor:pointer}.content-box .sub-title{color:#000;font-size:15px;line-height:30px;letter-spacing:2px}.content-box .sub-title-box{margin-top:8px}.show-more-btn{position:relative;width:100%;height:30px;cursor:pointer}.show-more-btn-txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;color:#666}.show-more-btn-txt:after{content:"";position:absolute;width:14px;height:10px;background-image:url("../images/arrow_down.png");background-repeat:no-repeat;background-size:contain;background-position:center;top:60%;right:-20px;transform:translate(0,-50%)}footer{width:100%;height:0;position:relative;margin:0 auto;background-color:#b0b0b0}@media screen and (min-width:781px) and (max-width:1280px){.popup-box-f-right{left:unset;right:40px}.popup-box-f-left{right:unset;left:40px}}@media screen and (max-width:780px){.logo{position:absolute;width:84vw;height:11.4vw;left:0;top:0;background-image:url(../images/logo2.png)}.menu-btn{width:10vw;height:10vw}.popup-box{width:90vw;height:82vh;max-height:90vh;min-height:10vh}.popup-box-f-right,.popup-box-f-left{left:5%;top:50%;right:unset}.content-box{height:calc(100% - 16vw)}.content-box .content-item{width:100%;padding-right:1vw}.popup-container{position:relative;margin:5vw 3vw 0 6vw;height:calc(100% - 5vw)}.btn-close{width:3vw;height:3vw;right:0;top:0}.title-box{height:12vw}.title-box .title{font-size:5vw;letter-spacing:1px;display:inline-block;font-weight:600}.title-box .comments{font-size:3vw;color:#777}.content-item .name{padding-top:1vw}.content-item .name .n{font-size:4vw;letter-spacing:1px;font-weight:600}.content-item .name .t{font-size:3.2vw}.content-item .more{height:12vw}.content-item .more .btn-more{top:1vw;right:8vw;font-size:3.5vw;font-weight:normal}.content-item .more .btn-more:before{height:1px;width:5vw;left:-7vw;top:2.5vw}.content-item .more .btn-more:after{top:1.8vw;margin-left:2vw;border-top:1vw solid transparent;border-left:1.8vw solid #000;border-bottom:1vw solid transparent}.popup-box-grid3 .popup-container{margin:5vw 4vw 0 6vw}.popup-box-grid3 .content-box .content-item{width:50%;padding-right:2vw}.popup-box-grid3 .content-item .name{display:block;padding-top:1vw;text-align:center;height:13vw;line-height:4vw}.popup-box-grid3 .content-item .name .n{font-size:3.6vw}.popup-box-grid3{width:90vw;height:138vw;max-height:86vh;min-height:10vh}.popup-box-grid3-row1{height:62vw}.popup-box-grid3-row2{height:99vw}.popup-box-grid3 .content-box{height:calc(100% - 18vw)}.popup-box-detail .content-box .content-box-inner{width:calc(100% - 2vw)}.popup-box-detail .content-box .content-item{width:100%;padding-right:0}.title-box .title-sub:before{width:2vw;height:3vw}.title-box .title-sub{padding-left:4vw}.popup-box-detail .content-item .name{padding-top:3vw;text-align:left;height:29vw}.content-item .name .d{font-size:3.6vw;line-height:6vw}.popup-container-detail .content-item .more{margin-top:4vw;height:7vw}.popup-box-ll{height:99vw}.popup-box-detail{height:104vw}.popup-box-txt{height:68vw}.popup-box .content-item .video-board{width:100%;height:44vw}.popup-box-ciie .title-box .title{font-size:4.5vw;letter-spacing:0}.popup-box-detail-v .popup-container-detail .content-item .name{height:20vw}.popup-box-detail-nolink{height:95vw}.popup-box-detail-factory{height:85vw}.popup-box-detail-factory .popup-container-detail .content-item .name{height:20vw}.popup-box-ciie{height:88vw}.popup-box-ciie .popup-container-detail .content-item .name{height:20vw}.content-box .intro{font-size:4vw;line-height:6vw;margin-top:0vw}.btn-v-play-outter{width:16vw;height:16vw;right:0;bottom:-2vw}.content-box .image-outter .content-item{margin-bottom:2.6vw;width:100%}.btn-video-close{width:22px;height:22px;right:0;top:-40px}.image-viewer-outter{width:100vw;height:68vw}.image-pupop-viewer .image-silder{width:100vw;height:68vw}.btn-swiper-close,.btn-video-close{width:5vw;height:5vw;right:2vw;top:-10vw}.swiper-pagination{bottom:-8vw;font-size:4vw}.content-box .sub-title{font-size:4vw;line-height:8vw}.content-box .sub-title-box{margin-top:4vw}#popup-box-clean .title-box .title{font-size:4.7vw}.show-more-btn-txt{font-size:4vw}.show-more-btn-txt:after{width:4vw;height:3vw;right:-5vw}}@media screen and (min-width:781px){.btn-more-hover-ani:before{-webkit-transition:width .2s ease-out;-moz-transition:width .2s ease-out;-o-transition:width .2s ease-out;transition:width .2s ease-out}.btn-more-hover-ani:after{-webkit-transition:margin-left .2s ease-out;-moz-transition:margin-left .2s ease-out;-o-transition:margin-left .2s ease-out;transition:margin-left .2s ease-out}.btn-more-hover-ani:hover:before{width:20px !important}.btn-more-hover-ani:hover:after{margin-left:15px !important}}