@charset "utf-8"; body{min-width: 1100px;overflow-x: hidden;} .wp{ width:90%; min-width: 1100px; margin: 0 auto;} .sysp{ width:100%; height:100vh; background:#000;} .top{ position: fixed; z-index:2; padding:25px 3% 80px; width:100%; background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.5));-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .topcdw{display: flex; justify-content: space-between; align-items: center;} .cd-x{ display:none;} .searchBoxForm{display:none;position:absolute;top:90px; z-index: 1000; right:0;left:0;margin:auto;padding-top:30px;padding-bottom:28px;background-color:Rgba(0, 0, 0, 0.2);backdrop-filter: blur(20px);} .searchBoxForm .searchText{float:left;font-size:18px;color:#666;width:calc(100% - 60px);height:60px; line-height: 60px; padding:0 20px; background: #fff; border-radius: 15px 0 0 15px; font-size: 14px;} .searchBoxForm .btnsear { float: left; width: 60px; height: 60px;border-radius: 0 15px 15px 0; background-color:#666; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQxQzU4QkU2QzUxMTFFODk4RTlFMjJGNENEQjBGOUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQxQzU4QkY2QzUxMTFFODk4RTlFMjJGNENEQjBGOUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDFDNThCQzZDNTExMUU4OThFOUUyMkY0Q0RCMEY5RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDFDNThCRDZDNTExMUU4OThFOUUyMkY0Q0RCMEY5RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj10/qgAAAJQSURBVHjavJfPSxVRFMfv00qF/JmCItLrgWguEoNAEVEirV0Q4c60iHLRwr/AjYtWJYJtijYJCq5q4UIEQQhBKdSwoCB6iiA9NaksI9Tn98T3wWF4M97xzXTgw9z5dT4z991375lIMpk0llEALoGzIAr2QBysgjmwa/yEiI/gMngO1pPuEQdPQJNFvn94nTwPXqWRbIAl8A5spTk/BiqOK77nSDYN7oB6kK2uOwUugl4wp67/BW76FferBKug07b7QA/YVPfftRXfVjdNglwf0hRn+FOkouUocZWja02GLDLXLijwEs+owWMCoJC/tcQLN3Gzetv2gMRCt8pblU48ypOzAUpTrDH3Y308C3NIPrjK+WTYBB8j3LbqgyJuBCXcfxuC+CW3DaBMi2Nsr4OPIYjj3EZArRannmLNhBNfQYLtIi3eYTvbhBcHToeIN9iOcj/oKAXlbP/Q4hW2ZYDVhSCOqfayFs9zMTcc4UFHp/rHJLT4L5jgfl8I4m5up9JVIHVqarsR4Kx1X+Utd1skxnnBNsgPQFrJlUli0Gt1KlRPt5Sh9CTrMIkPNoXANSWXBaPkGFJZhT6pPK22pc8tddMmqxJb6QPw21GvvQcx22LvCthRN0t3PWQZIxVkFjjBt2sDQ6prJb6ALvCN+z9BtW15K6PwmUsdnXApbSUegRzmqAF/ePw7OGcj1vW1jMp5j4L+NRhwVhnkgup+edioHI/4+IQxnHOrQTHYB9vgM1cgr6gBb8BpztcdfsWZhMgXQB54+j/Fhh9916UcOhRgAMJnsCe1caE5AAAAAElFTkSuQmCC); background-position: center center; background-repeat: no-repeat; background-size: 20px auto; } .hycdr .icon-iconclose{ display: none;} .hycdr .btnSearch.active .icon-fangdajing{ display: none;} .hycdr .btnSearch.active .icon-iconclose{ display: block;} .btnSearch i{ font-size: 22px;} .index_banner{background: #151515;} .index_banner .swi_index_banner .swiper-slide{position: relative;} .index_banner .swi_index_banner .swiper-slide img{ height:100vh; object-fit: cover;} .index_banner .swi_index_banner .swiper-pagination{z-index: 20; width: inherit;left:50%; bottom: calc(1rem + 1vw);transform: translateX(-50%);z-index: 10;} .index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet{ opacity:0.4; ilter:alpha(opacity=40);background: inherit;width: inherit; height: inherit;float: left;display: block;color: #fff; font-size:14px;line-height: 23px;} .index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet:after{width:0px;height:1px;display: block;content: '';background: rgba(255,255,255,0.4); float: right; margin: 0 10px;transform: translateY(11px);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;} .index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet-active:after{width:70px;} .index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1; ilter:alpha(opacity=100);} .index_banner .swi_index_banner .swiper-button-prev,.index_banner .swi_index_banner .swiper-button-next{border-radius:50%; width:41px; height:41px; background:Rgba(0,0,0,0.5); } .index_banner .swi_index_banner .swiper-button-prev:after{ color:#fff;font-size:21px;} .index_banner .swi_index_banner .swiper-button-next:after{ color:#fff;font-size:21px;} .cpytt{ overflow:hidden; position:relative;} .cpytt img{width:100%; height:100%; display:block;-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);} .top-e{float: right;margin-right: 64px;margin-top: -27px; color: #fff; font-size: 16px;} .top-e a{color: #fff; } .top-eh{float: right;margin-right: 64px;margin-top: -27px; color: #333; font-size: 16px;} .top-eh a{color: #333; } .hytopcd{ display: flex; justify-content: space-between;} .nav_bg{ position: relative; z-index: 999;} .sjj_nav>ul>li{ float:left; position:relative; } .sjj_nav>ul>li::after{ content: ''; border-top: 3px solid #ee780c; width: 100%; position: absolute; left: 0; top: 0; transform: scaleX(0); transition: 0.5s;} .sjj_nav>ul>li::before{ content: ''; background: #fff; width: 100%; height: 0; position: absolute; left: 0; top: 0; transition: 0.3s;} .sjj_nav>ul>li:hover::after,.sjj_nav>ul>li.cur::after{ transform: scaleX(1); transition: 0.5s;} .sjj_nav>ul>li:hover::before,.sjj_nav>ul>li.cur::before{ height: 100%;} .sjj_nav li .sp_nav_xjb{display:none;} .sjj_nav>ul>li>a{display:block; height:56px; line-height: 56px; color: #fff; text-align: center; position:relative; z-index:9; transition:0.5s;padding: 0 35px;font-size: 16px;} .sjj_nav>ul>li:hover>a{ color: #222; transition: .05s;} .sjj_nav>ul>li.cur{ color: #222; transition: .05s;} .sjj_nav>ul>li.cur a{ color: #222; transition: .05s;} .sjj_nav>ul>li>ul{ position:absolute; width:100%; background:rgba(255,255,255,0.95); left:0; top: 56px; overflow:hidden; display:none;} .sjj_nav>ul>li>ul>li{background: #fff;} .sjj_nav>ul>li>ul>li:nth-child(1){ border-top:none;} .sjj_nav>ul>li>ul>li>a{ display:block; line-height:40px; height:40px; font-size:14px; color:#222; text-align:center; transition:0.5s;} .sjj_nav>ul>li>ul>li:hover>a{background:#ee780c; color:#fff; transition:0.5s;} .hycdr{ display: flex; align-items: center; position: relative;} .hycdr a:nth-child(1){ color: #fff; } .hycdr a:nth-child(2){ color: #fff; margin-top:0; font-size: 18px; margin-left: 15px;} .hytopcdcp{ margin-top: -15px;} .topyinc{ background: #fff;padding: 0 5%;} .topyinc .cd-d{ display: none;} .topyinc .cd-x{ display: block;} .topyinc .cd-nav-trigger span{ background-color: #333;} .topyinc .hycdr a:nth-child(1){ color: #333;} .topyinc .hycdr a:nth-child(2){ color: #333;} .topyinc .sjj_nav>ul>li>a{ color: #333;} .topyinc .hytopcdcp{ margin-top: 0;} .topyinc .searchBoxForm{top: 56px;} .top-wt{ background: none;} .top-wt .sjj_nav>ul>li>a{ color: #000;} .top-wt .hycdr a:nth-child(1){ color: #000;} .top-wt .hycdr a:nth-child(2){ color: #000;} /*首页荣誉*/ .honorone{padding: calc(2rem + 3vw) 0;background: #fff;} .honorone .wp{background: #000;position: relative;} .honorone .wp .text{position: absolute;left:0%;top:26%;z-index: 10;width: 100%;padding-left:5%;} .honorone .wp .text span{display: block;text-transform: uppercase;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} .honorone .wp .text span.text1{color: rgba(255,255,255,0.7);font-size: 14px;margin-bottom: calc(0.4rem + 0.4vw);} .honorone .wp .text span.text2{color: rgba(255,255,255,1);font-size: calc(20px + 0.7vw);line-height:1;font-weight: 300;} .honorone .wp .text span.text3{color: rgba(255,255,255,1);font-size: calc(14px + 0.5vw); padding-left: calc(1rem + 1vw);position: relative; padding-bottom: calc(0.5rem + 0.5vw); margin-bottom: calc(1rem + 1vw);font-weight: 300;} .honorone .wp .text span.text3:before{content: '';width: calc(3rem + 3vw);height: 1px;display: block;background: rgba(255,255,255,0.2);position: absolute;left: 0;bottom: 0;transform: translate3d(-30%,0,0);} .honorone .wp .text span.text4{color: rgba(255,255,255,.7);font-size: calc(14px + 0.1vw);margin-bottom: calc(2rem + 8vw);} .honorone .more{ font-size: 14px; color: #666666; text-transform: uppercase;padding: calc(1rem + 1vw);padding-left: 0;position: absolute;left: 5%;bottom: 20%;z-index:50;} .honorone .more em{position: relative;z-index: 5;color: rgba(255,255,255,0.5); font-weight:500;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;display:inline-block;} .honorone .more:before{content: '';border-radius: 50%; width: calc(2rem + 2vw);height: calc(2rem + 2vw); display: block;position: absolute;right: 0;z-index: 1;bottom:50%;transform: translate3d(0,50%,0);background: rgba(250,250,250,0.4); transform-origin: bottom center;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .honorone .more:hover em{transform: translate3d(10px,0%,0);color: rgba(250,250,250,1);} .honorone .more:hover:before{transform: scale(0.6) translate3d(0,50%,0);background: rgba(250,250,250,0.2);} .honorone .wp .xiaorenren{float: right; width:50%;max-width:715px;position: relative;z-index: 1; overflow:hidden;background-image: url(../images/index_honorone3-1.png); background-size:100%;} .honorone .info_bannerimg{position: absolute;left: 50%;transform: translateX(-50%) translateY(63%);bottom: 50%;width:35%;z-index: 1;} .honorone .food-finder2__bowl-slider{width: 100%; position: relative;margin:0 auto;} .honorone .food-finder2__bowl-slider .food-finder2__kibble-bowl {background-image: url(../images/index_honorone2.png);z-index: 10;width: 50%; -webkit-transition: all 0.4s cubic-bezier(0.7, 0.3, 0, 1); -moz-transition: all 0.4s cubic-bezier(0.7, 0.3, 0, 1); -ms-transition: all 0.4s cubic-bezier(0.7, 0.3, 0, 1); -o-transition: all 0.4s cubic-bezier(0.7, 0.3, 0, 1); transition: all 0.4s cubic-bezier(0.7, 0.3, 0, 1);} .honorone .food-finder2__bowl-slider .food-finder2__kibble-bowl, .food-finder2__bowl-slider .food-finder2__raw-bowl {background-repeat: no-repeat;background-size: cover;height: 100%;position: absolute;top: 0;left: 0; width: 50%; -webkit-transition: all 0.6s cubic-bezier(0.7, 0.3, 0, 1); -moz-transition: all 0.6s cubic-bezier(0.7, 0.3, 0, 1); -ms-transition: all 0.6s cubic-bezier(0.7, 0.3, 0, 1); -o-transition: all 0.6s cubic-bezier(0.7, 0.3, 0, 1); transition: all 0.6s cubic-bezier(0.7, 0.3, 0, 1); } .honorone .wp .hover{width: 50%;height:100%;position: absolute;top: 0;display: block;z-index: 30;} .honorone .wp .hover.hover_left{left: 0;} .honorone .wp .hover.hover_right{right: 0;} .honorone .wp:before{ content: '';width: 50%;height: 100%;position: absolute;left: 0;top: 0;display: block;background: #7d7d7d;/*#ee780c*/ -webkit-transition: all 0.7s cubic-bezier(0.7, 0.3, 0, 1); -moz-transition: all 0.7s cubic-bezier(0.7, 0.3, 0, 1); -ms-transition: all 0.7s cubic-bezier(0.7, 0.3, 0, 1); -o-transition: all 0.7s cubic-bezier(0.7, 0.3, 0, 1); transition: all 0.7s cubic-bezier(0.7, 0.3, 0, 1); } .honorone.honorone_hleft .wp:before{width:95%!important;} .honorone.honorone_hright .wp:before{width:30%!important} .honorone.honorone_hleft .food-finder2__bowl-slider .food-finder2__kibble-bowl, .food-finder2__bowl-slider .food-finder2__raw-bowl{width: 100%;} .honorone.honorone_hright .food-finder2__bowl-slider .food-finder2__kibble-bowl, .food-finder2__bowl-slider .food-finder2__raw-bowl{width: 0%;} .honorone.honorone_hleft .xiaorenren img{ opacity:0;filter:alpha(opacity=0);transform:translateX(0%);} .honorone.honorone_hright .wp .text{opacity:0.5;filter:alpha(opacity=50); transform:translateX(-2%);} .honorone2{padding: calc(2rem + 3vw) 0;background: #fff;} .honorone2 .wp{background: #000; position:relative;} .honorone2 .wp .text{ float:left; width:35%; z-index: 10;padding-left:5%; box-sizing:border-box; padding-top:10%;background: #000;} .honorone2 .wp .text span{display: block;text-transform: uppercase;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} .honorone2 .wp .text span.text1{color: rgba(255,255,255,0.7);font-size: 14px;margin-bottom: calc(0.4rem + 0.4vw);} .honorone2 .wp .text span.text2{color: rgba(255,255,255,1);font-size: calc(20px + 1.5vw);line-height:1;font-weight: 300;} .honorone2 .wp .text span.text3{color: rgba(255,255,255,1);font-size: calc(14px + 0.5vw); padding-left: 0;position: relative; padding-bottom: calc(0.5rem + 0.5vw); margin-bottom: calc(1rem + 1vw);font-weight: 300;} .honorone2 .wp .text span.text3:before{content: '';width: calc(3rem + 3vw);height: 1px;display: block;background: rgba(255,255,255,0.2);position: absolute;left: 0;bottom: 0;transform: translate3d(0,0,0);} .honorone2 .wp .text span.text4{color: rgba(255,255,255,.7);font-size: calc(14px + 0.1vw);margin-bottom: calc(2rem + 8vw);} .honorone2 .more{ font-size: 14px; color: #666666; text-transform: uppercase;padding: calc(1rem + 1vw);padding-left: 0;position: absolute;left: 5%;bottom: 20%;z-index:50;} .honorone2 .more em{position: relative;z-index: 5;color: rgba(255,255,255,0.5); font-weight:500;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;display:inline-block;} .honorone2 .more:before{content: '';border-radius: 50%; width: calc(2rem + 2vw);height: calc(2rem + 2vw); display: block;position: absolute;right: 0;z-index: 1;bottom:50%;transform: translate3d(0,50%,0);background: rgba(250,250,250,0.4); transform-origin: bottom center;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .honorone2 .more:hover em{transform: translate3d(10px,0%,0);color: rgba(250,250,250,1);} .honorone2 .more:hover:before{transform: scale(0.6) translate3d(0,50%,0);background: rgba(250,250,250,0.2);} .honorone2 .right-sjs{ float:right; width:65%; position:relative;} .perduct_img_swi{ position:relative;} .perduct_img_swi .swiper-wrapper{transition-delay:.0s; padding-right:10%;} .perduct_img_swi .swiper-wrapper img{ max-width: 100%; } .perduct_thumbs_swi{height: 80px; overflow: hidden; position:absolute; z-index:10; right:5%; top:40%;} .perduct_thumbs_swi .swiper-wrapper{transition-delay:.0s;} .perduct_thumbs_swi .swiper-slide{ color:Rgba(255,255,255,0.6); text-align:left; cursor:pointer; padding-left:40px;position:relative; width:130px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .perduct_thumbs_swi .swiper-slide-thumb-active{ color:#fff;} .perduct_thumbs_swi .swiper-slide-thumb-active:before{content: ''; width:30px;height:1px; display: block; position: absolute;left:-0px; z-index: 1;bottom:50%;transform: translate3d(0,50%,0);background: rgba(250,250,250,0.4); transform-origin: bottom center;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} /*首页产品*/ .index_product{ padding-top: calc(1.5rem + 2.5vw);overflow: hidden;background: #fff;} .index_product ul li{} .index_product ul li .text{ text-align: center; padding: calc(1rem + 1vw) 0;border-left: 1px solid #f1f1f1; margin-bottom: calc(0.5rem + 0.5vw);} .index_product ul li:nth-of-type(1) .text{border-left: 0;} .index_product ul li .text strong{display: block;font-size: calc(14px + 0.5vw); font-weight:500; color:#333;} .index_product ul li .text span{color:#666;height:30px; padding-top:10px; overflow: hidden;display: block;} .index_product ul li .text span a{padding: 0 10px;position: relative;color:#666;} .index_product ul li .text span a:hover{padding: 0 10px;position: relative;color:#ee780c;} .index_product ul li .text span a:before{width: 1px;height: 80%;left: 0;content: '';position: absolute;top: 50%;transform:rotate(15deg) translateY(-50%); background: rgba(0,0,0,0.5);} .index_product ul li .text span a:nth-of-type(1):before{display: none;} .index_product ul li .img{height: calc(480px + 5vw); width: 100%;background:#000;position: relative;} .index_product ul li .img img{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;} .index_product ul li .img:before{width: 1px;height: 100%;position: absolute;left: 0;top: 0;content: '';display: block;background: rgba(255,255,255,1);z-index: 10;} .index_product ul li:nth-of-type(1) .img:before{display: none;} .index_product ul li .img img{opacity: 0.5;} .index_product ul li:hover .img img{opacity: 1;} .index_product ul li:hover .text strong{ font-weight:600;} .font-hj{ position:absolute; bottom:3%;} .sb{ background: #fff; width: 100%;} .shou-c{ background: #fff; padding: calc(2rem + 3vw) 0 0;} .shou-c-b{ text-align: center; font-size: calc(14px + 0.5vw); padding-bottom: 2vh; position: relative; margin-bottom: 25px;} .shou-c-b::after{ position: absolute; content: "";left:50%;bottom: 0;background: #999; width: 100px; height: 1px; transform: translateX(-50%);} .shou-c .shou_c_g{ padding-bottom: 45px;} .shou-c .swiper-slide{ text-align: center;} .shou-c .swiper-pagination-bullet-active{ background: #333;} .shou-c .swiper-slide img{transform: scale(1);transition: all 0.5s ease; display:block; padding:15px;} .shou-c .swiper-slide:hover img{transform: scale(1.1);transition: all 0.5s ease;} .shou-c .swiper-slide p{ color: #666;} .shou-c .swiper-slide:hover .p{ color: #000;} /* .accordion */ .accordion { height:calc(500px + 7vw);overflow: hidden;position:relative; } .accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; } .accordion._create:after { display: none; } .accordion__ul { display:block;margin: 0;padding: 0;width:9999px;height:calc(600px + 5vw);overflow:hidden;position:absolute;left:0;top:0; } .accordion__li { display:block;margin: 0;padding: 0;float:left;overflow: hidden;transition: all 0.5s ease-out;} .accordion__img { display: block;cursor: pointer; } /* /.accordion */ #banner_video{width: 100%!important;height: 100%!important;display: block;position: fixed;left: 0;top: 0;z-index: -1!important;} .index_background_video{position: relative; overflow: hidden;background: rgba(0,0,0,0.6); height: 75vh;} .index_background_video .img{opacity: 0;visibility: hidden;} .index_background_video .text{position: absolute;left: 15%; top: 50%;transform: translateY(-50%);z-index: 15; color: #fff;} .index_background_video .text{text-transform: uppercase;} .index_background_video .text h3{color: rgba(255,255,255,1);font-size: calc(24px + 1.5vw);line-height:1;display: block;font-weight: 300;} .index_background_video .text h3 span{display: inline-block;} .index_background_video .text em{color: rgba(255,255,255,.8);font-size: calc(18px + 0.5vw); padding-left:0;position: relative; padding-bottom: calc(0.5rem + 0.5vw); margin-bottom: calc(1rem + 1vw); font-weight: 300; display: block;} .index_background_video .text em:before{content: '';width: calc(3rem + 3vw);height: 1px;display: block;background: rgba(255,255,255,0.2);position: absolute;left: 0;bottom: 0;transform: translate3d(0,0,0);} .index_background_video .text p{color: rgba(255,255,255,.8);font-size: calc(14px + 0.2vw);} .index_background_video .more{position: absolute;right: 15%;top: 50%;transform: translateY(-50%);z-index: 20;width: 80px;} .index_background_video .more a{display: block;text-align: right;} .index_background_video .more:before{width: 100%;height: 100%;display: block;content: '';position: relative;} .index_background_video .more i{color: #fff; font-size: calc(30px + 1.7vw);display: block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .index_background_video .more span{color: #fff; font-size: 12px;display: block;position: absolute;bottom: 0;right:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;opacity: 0;font-weight: 300;} .index_background_video .more:hover i{transform: translate3d(10px,0,0);} .index_background_video .more:hover span{transform: translate3d(0,-12px,0);opacity: 1;} /*首页案例*/ .ruchixinku{position: relative;background: #fff; padding:3% 5%;} .ruchixinku .left{width:60%;float: left;} .ruchixinku .right{width:40%;position: absolute;top: 50%;transform: translateY(-50%); color: #000; right: 0;padding: 0 5%;} .ruchixinku .right .text{} .ruchixinku .right .text span{font-weight: 300;display: block;} .ruchixinku .right .text span{display: block;text-transform: uppercase;font-weight: 300;} .ruchixinku .right .text span.text1{color: rgba(0,0,0,0.7);font-size: 14px;margin-bottom: calc(0.4rem + 0.4vw);} .ruchixinku .right .text span.text2{color:#000;font-size: calc(20px + 1.5vw);line-height:1;} .ruchixinku .right .text span.text3{color:#666;font-size: calc(14px + 0.5vw); padding-left:0;position: relative; padding-bottom: calc(0.5rem + 0.5vw); margin-bottom: calc(1rem + 1vw);} .ruchixinku .right .text span.text3:before{content: '';width: calc(3rem + 3vw);height: 1px;display: block;background: rgba(0,0,0,0.2);position: absolute;left: 0;bottom: 0;transform: translate3d(0,0,0);} .ruchixinku .right .text span.text4{color: rgba(0,0,0,.7);font-size:1.2rem;margin-bottom: calc(2rem + 8vw);font-weight: 500;} .ruchixinku .right .text span.text4 a:hover{ color:#ee780c;} .ruchixinku .right .indexanli-button-box{width: 160px;height: auto; position: relative;margin: 0 auto;} .ruchixinku .right .indexanli-button-box .swiper-button{} .ruchixinku .right .indexanli-button-box .swiper-button i{font-size: calc(18px + 1.5vw);display: block;color: #000;} .ruchixinku .right .indexanli-button-box .swiper-button:after{display: none;} .ruchixinku .right .indexanli-button-box .swiper-button-prev{transform: rotateY(180deg);} /*首页新闻*/ .index_news{ background: #f1f1f1;} /*首页新闻*/ .index_news_box{background: #f1f1f1;position: relative; padding: 5vh 0;} .index_news_box .wp{ position: relative; width: 76%;} .index_news_box dl dt{ width: 36%; float: left;} .index_news_box dl dd{ width: 58%; float: right;} .news_title{ font-size: 14px; padding-bottom: 25px;} .index_news_box dl dd a{ display: block; padding: 6px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .index_news_box dl dd a:hover{ color: #ee780c;} .index_news_box dl dt .swiper-pagination-bullet-active{ background: #ee780c;} .index_news_box dl dt .swiper-pagination{ transform: translateX(-50%);} .sxwtj{ padding-bottom: 33px;} .sxwtj .swiper-slide p{ padding-top: 10px; font-size: 15px;} .article_content img{ display: inline; max-width:100%;} /*底部*/ .footer_box{padding: calc(1.5rem + 2vw) 0 calc(0.8rem + 0.8vw);background: #353535;} .footer_box .pc-vis{position: relative; padding-bottom: calc(1rem + 1vw);border-bottom: 1px solid rgba(200,200,200,0.1); margin-bottom: calc(0.5rem + 0.5vw);} .footer_box .left{float: left;} .footer_box .left{float: left;} .footer_box .left span{display: block; color:#fff; font-size:1.28rem} .footer_box .left p{ padding-bottom:40px; color:#999;} .footer_box .left a{display: block; margin-right: calc(1rem + 1vw); color: rgba(255,255,255,0.7);margin-bottom:2px;} .footer_box .left a:hover{color: #fff;} .footer_box .right .left{padding-right: calc(1rem + 4vw);} .footer_box .right .left ul li{ float:left;padding-right: 2vw;} .footer_box .right .left span{ font-size:14px;margin-bottom: calc(0.4rem + 0.4vw);display: block;color:#fff; } .footer_box .right .left a{display: block; margin-right: calc(1rem + 1vw); color: rgba(255,255,255,0.5);margin-bottom:2px;} .footer_box .right .left a:hover{color: #fff;} .footer_box .footer_logo{position: absolute;left: 50%;transform: translate(-50%,-50%);top:12%; text-align: center;} .footer_box .footer_logo img{margin-bottom: calc(5px + 0.5vw);} .footer_box .footer_logo span{color: rgba(255,255,255,0.7);} .footer_box .right{float: right;} .footer_box .banquan{font-size: 12px;} .footer_box .banquan .banquan_text{float: left; color:rgba(255,255,255,0.3);} .footer_box .banquan .banquan_text a{color:rgba(255,255,255,0.3);} .footer_box .banquan .jishu{float:right; color:rgba(255,255,255,0.3);} .footer_box .banquan .jishu a{color: rgba(255,255,255,0.3);} .footer_box dl{ width:200px; margin:0 auto;padding-bottom: 36px;} .footer_box dl dt{ float:left; width:calc(100%/2); text-align:center;} .footer_box dl dt a{ color:#fff;} .footer_box dl dt a:hover{color:#999;} .ny_banner{position: relative;} .ny_banner .ny_bannernav{width: 100%;position: absolute;bottom: calc(10px + 0.6vw);left: 0;color: rgba(255,255,255,0.5);font-size: 12px;} .ny_banner .ny_bannernav a{color: rgba(255,255,255,0.5);} .ny_banner .nywzxm{ position:static; color:#666; padding:1rem 0; font-size:12px; padding-top:188px;} .ny_banner .nywzxm a{color:#666;} /*产品列表*/ .product_listbox{padding:calc(2rem + 2vw) 0;} .product_listbox .wp{width: 80%;} .cpxqjs{padding:0 0 calc(1rem + 1vw)!important;} .caidan_navb{padding-left:0%;} .caidan_navb .menu_list_box_item{} .caidan_navb .menu_list_box_item a.caidan_1{display: block; font-size:16px; font-weight:500; border-top:1px solid #f1f1f1; padding:calc(0.3rem + 0.2vw) 10px;} .caidan_navb .menu_list_box_item a.caidan_1 .iconfont{ float:right;transform: rotate(90deg);} .caidan_navb .menu_list_box_item .caidan_2box{margin-bottom: calc(0.5rem + 0.5vw);display: none; color:#00293b;padding-left: 10px;} .caidan_navb .menu_list_box_item .on{ color:#fff; background:#ee780c; font-weight: bold!important; margin-bottom:calc(0.3rem + 0.2vw); padding:0 10px;} .caidan_navb .menu_list_box_item .on .iconfont{transform: rotate(-90deg)!important;} .caidan_navb .menu_list_box_item .active{display: inherit!important;} .caidan_navb .menu_list_box_item .caidan_2box.active{display: inherit;} .caidan_navb .menu_list_box_item .caidan_2box li{line-height: 1.8;} .caidan_navb .menu_list_box_item .caidan_2box li a{color: rgba(0,0,0,0.6); font-size: 14px;} .caidan_navb .menu_list_box_item .caidan_2box li a:hover{color:#000;font-weight: bold;} .caidan_navb .menu_list_box_item .caidan_2box li.active a,.caidan_nav .menu_list_box_item .caidan_2box li:hover a{color:#000;font-weight: bold;font-size: 15px;} .product_listbox .right{width:100%;overflow:hidden;} .product_listbox .product_list{padding:0;} .product_listbox .product_list ul li{ width: 20%;float:left; text-align: center; margin-bottom: 2%;} .product_listbox .product_list ul li .img img{margin: 0 auto;width:80%;} .product_listbox .product_list ul li span{color: rgba(0,0,0,0.7); font-size: 14px;display: block; padding-top:20px;} .product_listbox .product_list ul li:hover span{color: #ee780c; transform: translate3d(0,8px,0);} .product_listbox .product_list h1{ font-size:16px; width:95%; margin:0 auto; padding-left:2%; background:#f4f4f4; border-top:1px solid #f4f4f4; padding-bottom:15px; margin-bottom:35px;padding-top:15px; margin-top:15px; font-weight:normal;} .moreBtn{font-size: 14px;padding: 10px 0;width:130px;margin: calc(1.5rem + 1.5vw) auto 0;text-align: center; color:#fff; background:#ee780c;display: block;border-radius: 4px;} .moreBtn:hover{background:#cb6100; color:#fff;} .productarticle_box{} .productarticle_box_top{position: relative; width: 90%;margin: 0 auto;} .productarticle_box .productimg{ width:50%;float: right;max-width:100%;} .productarticle_box .producttitle{width:45%;float: left;position: absolute;top: 50%;transform: translateY(-50%);left: 0%; padding: calc(1rem + 1vw) 0;padding-right:5%;} .productarticle_box .producttitle strong{display: block;font-size:2rem;/* font-family: yingwen;*/font-weight: 300;} .productarticle_box .producttitle .font{padding-top: calc(0.5rem + 0.5vw); color:#666;width: 100%;max-width: 500px; text-align:left;} .productarticle_box .productimg .swiper-slide img{ max-width:100%; display:block; margin:0 auto; padding-bottom:13px;} .productarticle_box .swiper-pagination-bullet-active{background: #ee780c;} .productarticle_box .content{padding:calc(1rem + 1vw) 0;} .productarticle_box .content img{ max-width:100%;} .productarticle_box .xiangguan{padding-top: calc(1rem + 1vw); display:none;} .productarticle_box .xiangguan .title{text-align: center;padding-bottom: calc(0.5rem + 0.5vw);} .productarticle_box .xiangguan .title strong{display: block;font-size:1.3rem; font-weight:500;} .cpjx{ width:100%; background:#f4f4f4; padding:10px 0 10px 30px; margin-bottom:20px;} .sjsproduct_list_box .product_list_open{z-index: -5;display: block!important;} .sjsproduct_list_box .product_list_open.active{z-index:500;} .product_back{width: 100%;height: 100vh;background: rgba(0,0,0,0.0);position: fixed;display: block;top: 0;left: 0; -webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);transition: all .4s cubic-bezier(0.7, .45, .45, 1);z-index:78;visibility: hidden;pointer-events: none;} .sjsproduct_list_box .product_list_open .left{width: 90%;max-width:600px;height:100vh;background:#fff;position: fixed;top: 0%;right: 0;animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);opacity: 1;filter:alpha(opacity=100);padding: calc(1.5rem + 1.5vw) calc(1rem + 1vw) 0;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;overflow: hidden;pointer-events: none;transform: translate3d(205%,0,0);opacity:0;filter:alpha(opacity=0);visibility: hidden;display: none;} .sjsproduct_list_box .product_list_open.active .left{width: calc(80% - 1.2rem - 3.1vw);pointer-events:inherit;transform: translate3d(0px,0,0);opacity:1;filter:alpha(opacity=100);visibility: visible;z-index: 550;} .sjsproduct_list_box .product_list_open .left .title{ background: #f4f4f4; padding: 10px 0;} .sjsproduct_list_box .product_list_open .left .title h3{font-size:18px;font-weight: 500;color: #333; display: block; padding-left:10%;} .sjsproduct_list_box .product_list_open .left .title h3 span{font-size: 14px; padding-left: calc(0.5rem + 0.5vw);} .sjsproduct_list_box .product_list_open .left ul{height: calc(83vh);margin-top: 4vh; overflow-y: scroll; padding-bottom:6vh;} .sjsproduct_list_box .product_list_open .left ul::-webkit-scrollbar {display: none;} .sjsproduct_list_box .product_list_open .left ul li{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;padding: 0;} .sjsproduct_list_box .product_list_open .left ul li:hover{opacity: 1!important;filter:alpha(opacity=100)!important;} .sjsproduct_list_box .product_list_open .left ul li{ width:calc(100% / 2); padding: 0 5%; float: left;border:1px solid #fff; padding-bottom:2%;} .sjsproduct_list_box .product_list_open .left ul li:hover{ border:1px solid #f1f1f1;} .sjsproduct_list_box .product_list_open .left ul li .img img{ width: 100%;transform: scale(1);transition: all 0.5s ease;} .sjsproduct_list_box .product_list_open .left ul li span{display: block; text-align: center;} .sjsproduct_list_box.designers_product_list .product_list_open .left ul p{margin-bottom: calc(0.5rem + 0vw);line-height: 1.8;} .sjsproduct_list_box.designers_product_list .product_list_open .left ul .font{margin-bottom: 1.5rem;width: 65%;} .sjsproduct_list_box.designers_product_list .product_list_open .left ul em{margin-bottom: calc(1rem + 2vw);display: block;} .product_listbox2{ padding:0;} .product_listbox2 li{ margin-bottom:0;} .product_listbox .product_list .product_listbox2 li{ width:calc(100%/4 - 40.1px); margin:0 20px 20px;overflow:hidden;transition: all 0.5s ease; position:relative;padding-bottom:10px;} .product_listbox .product_list .product_listbox2 li a{ display:block; overflow: hidden; color: #666;} .product_listbox .product_list .product_listbox2 li a:hover{transition: all 0.5s ease; color: #333;} .product_listbox .product_list .product_listbox2 li .img{background:#fff;} .product_listbox .product_list .product_listbox2 li .img img{transform: scale(1);transition: all 0.5s ease; display:block; padding:15px;} .product_listbox .product_list .product_listbox2 li:hover .img img{transform: scale(1.15);transition: all 0.5s ease;} .product_listbox .product_list .product_listbox2 li:hover .name{ color: #000;} .product_listbox .product_list .product_listbox2 .if_false{ height:0; overflow:hidden; display:none; visibility:hidden;} /*public*/ .cf:after{content:"";clear:both;display:block;height:0;overflow:hidden} .cf{zoom:1} .pb10{padding-bottom:10px} .mt10{margin-top:10px} /*main*/ /*菜单*/ .bback{ width: 100%; height:100%;visibility:hidden; display:none;background: rgba(0,0,0,0.0);pointer-events: none;display: block; position: fixed; bottom: 0;left: 0;z-index: 30;visibility: hidden; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .caidan{height:100%;position: fixed; visibility:hidden; display:none; bottom: 0;left: 0;z-index:40;transform: translate3d(-110%,0,0);width: 100%;background: #000;} .caidan .caidan_nav{ padding: calc(50px + 4vw) 0% 0; height:100%;position: relative;} .caidan .caidan_nav ul{} .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block;font-size:1rem;height:2rem;line-height:2rem;color: #f4f4f4;text-align: center;} .caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{color: #333;} .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0;filter:alpha(opacity=0);transform: translate3d(20px,0,0);font-size: 20px;pointer-events:none} .caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: translate3d(0,0,0);opacity: 1;filter:alpha(opacity=100);} .caidan.caidan_oppen{transform: translate3d(0%,0,0);} .caidan_hidden{transform: translate3d(-110%,0,0);} .caidan .caidan_nav ul .caidan_2box{width: 80%; padding:2% 10%; display: none; background: #f4f4f4;} .caidan .caidan_nav ul .caidan_2box li{height: 40px;line-height: 40px; border-top: 1px solid rgba(0,0,0,0.05);} .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;} .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);} .caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;} .top .menu.menu2 i{background: #333;} .top .menu.menu2 i:nth-of-type(2){opacity: 0;filter:alpha(opacity=0);} .top .menu.menu2 i:nth-of-type(1){transform:translateY(7px) rotate(-45deg);} .top .menu.menu2 i:nth-of-type(3){transform:translateY(-7px) rotate(45deg);} .rexian{ position: absolute;bottom: calc(20px + 2vw);left: 0%;width: 100%; text-align: center;} .rexian span{display: block;font-size: 12px;width: 100%;} .rexian strong{font-size:1.4rem; color:#f4f4f4;} .top.top_ny .menu i{background: #222!important;} .top.top_bd .menu.menu2 i{background: #222;} .pc-vis {display: inherit; visibility:inherit;} .phone-vis {display: none; visibility:hidden;} .case_listbox{padding-bottom: calc(2rem + 3vw);} .case_listbox .wp{width:90%;min-width: 1100px;} .case_listbox .title{ padding: calc(2rem + 2vw) 0 calc(1rem + 2vw); text-align: center;} .case_listbox .title strong{display: block; font-size:14px;font-weight: 300;text-transform:uppercase; color:#888;} .case_listbox .title span{font-size:3rem;} .case_listbox ul li{width: calc(100% / 3 - 10px);margin-right: 15px;margin-bottom: 15px; float: left;position: relative;} .case_listbox ul li:nth-of-type(3n){margin-right: 0;} .case_listbox ul li .img{position: relative;overflow: hidden;} .case_listbox ul li:hover .img img{transform:scale(1.05);} .case_listbox ul li .img:before{width: 100%;height: 100%;content: ''; position: absolute;z-index: 10;top: 0;left: 0;background: rgba(0,0,0,0);-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;} .case_listbox ul li:hover .img:before{background: rgba(0,0,0,.7);} .case_listbox ul li .text{position: absolute;top: 50%;transform: translateY(-50%);left: 0; text-align: center;width: 100%;z-index: 20;} .case_listbox ul li .text span{display: block; color: #fff;overflow: hidden;} .case_listbox ul li .text span em{transform: translate3d(0,100%,0);display: block;opacity: 0;} .case_listbox ul li .text span.text1{font-size: 20px; margin-bottom: calc(0.3rem + 0.3vw);font-weight: bold; color: #fff;} .case_listbox ul li .text span.text2{font-size:14px; margin-bottom: calc(0.5rem + 0.5vw);} .case_listbox ul li .text span.text3{display: inline-block;padding: calc(5px + 0.3vw) calc(1rem + 1vw);border: 1px solid rgba(255,255,255,0);} .case_listbox ul li:hover .text span.text3{border: 1px solid rgba(255,255,255,.6);} .case_listbox ul li .text span.text1 em{} .case_listbox ul li:hover .text span em{transform: translate3d(0,0,0);opacity: 1;} .article_box{padding: calc(2rem + 1vw) 0 calc(2rem + 1vw);} .article_box .title{ margin-bottom: calc(2rem + 1vw); padding-bottom: calc(1rem + 1vw);border-bottom: 1px solid rgba(0,0,0,0.1);} .article_box .title h1{font-size: calc(18px + 0.3vw);display: block;margin-bottom: calc(0.1rem + 0.1vw);color: #000; font-weight:500;} .article_box .title span{color: rgba(0,0,0,0.6);} .ny_banner .ny_nav{position: absolute;bottom: calc(.5rem + .5vw);left: 0;width: 100%; color: rgba(255,255,255,0.5);} .ny_banner .ny_nav a{color: rgba(255,255,255,0.5);} .article_box .wp{min-width: inherit;width: 90%;max-width: 1100px;} .return{width: 100%;border-top: 1px solid rgba(0,0,0,0.1); padding-top: calc(0.5rem + 0.5vw); font-size:14px;margin-top: calc(1rem + 2vw);} .return a{display: block; color: #333;margin: 0rem 0;} .return a:hover{display: block; color: #222;} .return .sxwz{float: left;} .return .fanhui{float: right;} .return .fanhui i{font-size: 20px; padding-right: 5px;display: inline-block;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;} .return .fanhui:hover i{ transform: translate3d(-10px,0,0);} .articlelist_box{padding: calc(1rem + 3vw) 0;} .articlelist_box .wp{width: 90%;max-width: 1200px;} .articlelist_box ul li{margin-bottom:1rem; border-bottom:1px solid #f4f4f4; padding:1rem;} .articlelist_box ul li .img{ width: 20%;float: right;overflow: hidden; max-height:160px;} .articlelist_box ul li .img img{-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;} .articlelist_box ul li:hover .img img{transform: scale(0.98);} .articlelist_box ul li:hover{ background:#f4f4f4;} .articlelist_box ul li .text{ width: 75%;float: left; padding-top:calc(0.2rem + 0.2vw);} .articlelist_box ul li .text strong{font-size:20px;display: block;font-weight: 500;margin-bottom: calc(0.1rem + 0.1vw); -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .articlelist_box ul li:hover .text strong{color: #ee780c;} .articlelist_box ul li .text span{font-size:14px;color: rgba(0,0,0,0.5);margin-bottom: calc(0.3rem + 0.3vw);display: block;} .articlelist_box ul li .text .font{ color: rgba(0,0,0,0.5);} .video_boxlist{} .video_boxlist .swi_video{height: 100vh;background: #000 url(../images/spd.jpg) center; background-size:cover;} .video_boxlist .swi_video .swiper-wrapper{transition-timing-function:cubic-bezier(0.7, 0.3, 0, 1)!important;} .video_boxlist .swi_video .swiper-slide{height: 100vh;object-fit: cover;position: relative;} .video_boxlist .swi_video .swiper-slide .text{width:60%;max-width:100%; position: absolute;top: 50%;transform: translateY(-45%);left: 10%;display: block;} .video_boxlist .swi_video .swiper-slide .text:before{content: '';display: block;position: relative;width: 100%;height: 100%;} .video_boxlist .swi_video .swiper-slide .text strong{font-size:14px;display: block; margin-top: calc(0.3rem + 0.3vw);color:#f4f4f4; font-weight:400;} .video_boxlist .swi_video .swiper-slide .text .font{max-width: 450px;display: block;margin-bottom: calc(1rem + 1vw);color: #000;} .video_boxlist .swi_video .swiper-slide .text .bofang{position: absolute;width:90px;height: 90px;line-height: 90px;text-align: center;position: absolute;top: 50%;transform: translate(-50%,-50%); left: 50%;border-radius: 50%;background: rgba(0,0,0,0.5);} .video_boxlist .swi_video .swiper-slide .text .bofang i{font-size: calc(20px + 0.6vw);display: block; transform-origin: center left; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;color: #fff;} .video_boxlist .swi_video .swiper-slide .text .bofang:hover i{color: #ee780c;} .video_boxlist .swi_video .swiper-slide .text .bofang span{font-size: 12px;display: block;position: absolute; right: 0;top: 50%;transform: translate3d(0,100%,0);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;display: none;} .video_boxlist .swi_video .swiper-slide .text .bofang:hover span{transform: translate3d(0,-50%,0);opacity: 1;} .video_boxlist .swi_video .swi_video_tabs{position: absolute;top: 50%;transform: translateY(-50%);right: 5%;z-index: 10;} .video_boxlist .swi_video .swi_video_tabs ul li{padding:14px 0; text-align: right;position: relative;cursor: pointer;} .video_boxlist .swi_video .swi_video_tabs ul li .title{padding-right:30px;} .video_boxlist .swi_video .swi_video_tabs ul li .title strong{font-size:16px; font-weight: 400; color: #888;} .video_boxlist .swi_video .swi_video_tabs ul li.active strong{color:#ee780c;} .video_boxlist .swi_video .swi_video_tabs ul li span{width:12px;height:12px;display: block; background:#888; border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%) scale(0.5);right: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .video_boxlist .swi_video .swi_video_tabs ul li.active span{transform: scale(1) translateY(-50%); background:#ee780c;} .designer_box{position: relative;width: 100%;height: 100vh;display: block;background: #000;} .designer_box .swi_designer_box_re{ width: 100%;top: 50%;transform: translateY(-50%); position: absolute;left: 0;} .designer_box .swi_designer_box_re .swiper-container{width: 100%;} .designer_box .swi_designer_box_re .swiper-container .swiper-wrapper{padding-left:25%;} .designer_box .swi_designer .swiper-slide{overflow: visible;position: relative;cursor: pointer;} .designer_box .swi_designer .swiper-slide:before{width: 0%;height: 0%;border-right: 1px solid rgba(255,255,255,0.3);border-top: 1px solid rgba(255,255,255,0.3);content: '';position: absolute;top: 5%;right: 5%;display: block;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;opacity: 0;filter:alpha(opacity=0);} .designer_box .swi_designer .swiper-slide:after{width: 0%;height: 0%;border-left: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);content: '';position: absolute;bottom: 5%;left: 5%;display: block;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;opacity: 0;filter:alpha(opacity=0);} .designer_box .swi_designer .swiper-slide:hover:before{width: calc(90% - 2px);height: calc(90% - 2px);opacity: 1;filter:alpha(opacity=100);} .designer_box .swi_designer .swiper-slide:hover:after{width: calc(90% - 2px);height: calc(90% - 2px);opacity: 1;filter:alpha(opacity=100);} .designer_box .swi_designer .swiper-slide .text{position: absolute;bottom: 10%; color: #fff; right:10%;text-align: right;} .designer_box .swi_designer .swiper-slide .text strong{font-size:calc(16px + 0.5vw);font-weight: inherit; display: block;} .designer_box .swi_designer .swiper-slide .text span{font-size: 14px;text-transform: uppercase; color: rgba(255,255,255,0.5);display: block;} .designer_box .swi_designer .swiper-slide .text em{display: block;transform: translate3d(0,100%,0);text-transform:uppercase; font-size:12px; opacity: 0;filter:alpha(opacity=0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; padding-top: 10px;} .designer_box .swi_designer .swiper-slide:hover .text em{transform: translate3d(0,0,0);opacity:0.8;filter:alpha(opacity=80);} .designer_box .swiper-scrollbar{height:4px;background: rgba(255,255,255,0.1);z-index: 20;width: 70%;max-width: 500px; bottom: 10%;left: 50%;transform: translate3d(-50%,0,0);position: absolute;} .designer_box .swiper-scrollbar .swiper-scrollbar-drag{background: #fff;} .vdo_close .iconfont{font-size: 16px!important;} .index_product_box{padding:calc(1.5rem + 4.5vw) 0; position: relative;z-index: 1; background:#fff;} .index_product_box .wp{ max-width:70%;} .index_product_box .title{text-align: center; margin-bottom: calc(0.5rem + 1vw);} .index_product_box .title span{display: block;font-size: calc(16px + 0.3vw); color: #000000;} .index_product_box .title em{font-size: 14px;color: #666;} .index_product_box .swi_index_product{ padding-bottom:calc(30px + 1.5vw);} .index_product_box .swi_index_product .swiper-slide{width: 23.5%;margin-right: 2%;position: relative;overflow: hidden;background: #000;} .index_product_box .swi_index_product .swiper-slide p{ background:#fff; width:100%;} .index_product_box .swi_index_product .swiper-slide .text{position: absolute;width: 100%;text-align: center;top: 35%;left: 0;transform: translate3d(0,50%,0);opacity: 0;filter:alpha(opacity=0);visibility: hidden;} .index_product_box .swi_index_product .swiper-slide .text i{font-size: calc(1.8rem + 2vw);display: block;color: #d80c18; margin-bottom: calc(1rem + 1vw);transform: scale(0);} .index_product_box .swi_index_product .swiper-slide:nth-of-type(3) .text i{font-size: calc(3.8rem + 2vw);} .index_product_box .swi_index_product .swiper-slide .text strong{font-size: calc(14px + 0.2vw);display: block; color: #fff; font-weight:500;} .index_product_box .swi_index_product .swiper-slide img{transform: scale(1); cursor:pointer;} .index_product_box .swi_index_product .swiper-slide:hover img{transform: scale(1.05);opacity: 0.2;filter:alpha(opacity=20);} .index_product_box .swi_index_product .swiper-slide:hover .text{transform: translate3d(0%,0,0);opacity:1;filter:alpha(opacity=100);visibility: visible;} .index_product_box .swi_index_product .swiper-slide:hover .text i{transform: scale(1);} .index_product_box .swi_index_product .swiper-pagination-bullet{background: #999;margin:0 8px!important;position: relative;display: inline-block;} .index_product_box .swi_index_product .swiper-pagination-bullet-active{background: #666;} .index_product_box .swi_index_product .swiper-pagination-bullet-active:before{width: 200%;height: 200%;} .product_box{display: block;} .product_box:before{content: '';width: 81%; position: fixed;left: 0;top: 0;height: 100vh;background-image: url(../images/bg_pc.png);background-size: cover;z-index: -1;} .product_box .left{ width: 100px; float: left;margin-left: calc(1rem + 2vw); padding-top: calc(100px + 1vw + 1rem);} .product_box .left ul li{width: 100px;margin-bottom: 1px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .product_box .left ul li a{padding:15px 0 15px 18px;cursor: pointer; color: #fff; text-transform: uppercase;opacity: 0.7;filter:alpha(opacity=70);display: block;} .product_box .left ul li:hover,.product_box .left ul li.active{background: #252d31!important;} .product_box .right{ width: calc(100% - 100px - 2rem - 3vw); float: right;overflow: hidden; margin-top:70px; margin-bottom: calc(1rem + 1vw);} .product_box .right .swiper-container{background: #000;} .product_box .right .swiper-container .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);} .product_box .right .swiper-container .swiper-slide-active img,.product_box .right .swiper-container .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);} .product_box .right .swi_product .swiper-pagination{padding: 0 calc(1rem + 1vw); text-align: right;bottom: calc(1rem + 1vw);} .product_box .right .swi_product .swiper-pagination .swiper-pagination-bullet{background: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .product_box .right .swi_product .swiper-pagination .swiper-pagination-bullet-active{transform: scale(1.3);} .product_box .right .title{position: absolute; top:20%;right:calc(1rem + 2vw);z-index: 10;display: block;width:100%; overflow: hidden;pointer-events: none; font-family:Arial, Helvetica, sans-serif; font-weight:300;} .product_box .right .title:before{position: relative;width: 100%;height: 100%;content: '';} .product_box .right .title span{font-size: calc(1rem + 1vw);color: #fff;font-weight:0;text-align: right; float: right; display: inline-block; position: relative;} .product_box .right .title span:nth-of-type(1){margin-top: calc(1rem + 1vw);} .product_box .right .title span:nth-of-type(2){transform: translateY(-30%);} .product_box .right .title i{content: '';width: calc(2rem + 1vw);height: 1px;position: absolute;background: rgba(255,255,255,0.3);display: block;top: 0;right: 0;} .product_back.active{background: rgba(0,0,0,0.7);visibility: visible; pointer-events: inherit;} .product_list_box .product_list_open{} .product_list_box .product_list_open.active{} .product_back{width: 100%;height: 100vh;background: rgba(0,0,0,0.0);position: fixed;display: block;top: 0;left: 0; -webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);transition: all .4s cubic-bezier(0.7, .45, .45, 1);z-index:70;visibility: hidden;pointer-events: none;} .product_list_box .product_list_open .left{width: 70%;height:80vh;background: #fff;position: fixed;top:0;left:0;bottom: 0;right: 0;margin: auto;animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);opacity: 0;filter:alpha(opacity=0);z-index:80; padding: calc(2rem + 2vw);pointer-events:none; -webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);transition: all .4s cubic-bezier(0.7, .45, .45, 1);} .product_list_box .product_list_open.active .left{opacity: 1;filter:alpha(opacity=100);visibility: visible;pointer-events: inherit;} .product_list_box .product_list_open .left .title{margin-bottom:0.1vw;} .product_list_box .product_list_open .left .title h3{font-size:16px;font-weight:600;color: #000; display: block;padding-left: 3vw;margin-bottom: calc(0.5rem + 0.5vw);} .product_list_box .product_list_open .left .title h3 span{font-size: 14px; /*font-family:butler;*/ padding-left: calc(0.5rem + 0.5vw);} .product_list_box .product_list_open .left ul{height: 90%; overflow-y: scroll;} .product_list_box .product_list_open .left ul::-webkit-scrollbar {display: none;} .product_list_box .product_list_open .left ul li{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .product_list_box .product_list_open .left ul li:hover{opacity: 1!important;filter:alpha(opacity=100);} .product_list_box .product_list_open .left ul li{ width: 25%; float: left;} .product_list_box .product_list_open .left ul li .img img{ width: 100%; padding:15%; box-sizing:border-box;} .product_list_box .product_list_open .left ul li span{display: block; text-align: center;} .product_list_box .product_list_open .left ul p{width: 100%;} .product_list_box .product_list_open .left ul em{display: block;margin-bottom: calc(1rem + 1vw); margin-top: calc(1rem + 1vw);} .product_list_box .product_list_open .right{width:4px;height: 80vh;background: #1a191e;position: fixed;top: 10%;right:15%;animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);opacity: 1;filter:alpha(opacity=100);z-index:81;height: 0; -webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);transition: all .4s cubic-bezier(0.7, .45, .45, 1);} .product_list_box .product_list_open.active .right{height: 80vh;} .product_list_box .product_list_open .right:before{content: ''; width: 100%;height: 100vh;position: relative;display: block;} .product_list_box .product_list_open .right .mouse{ width: calc(0.6rem + 0.6vw);height: calc(1rem + 1vw); border: calc(0.06rem + 0.08vw) solid #fff;border-radius: calc(0.3rem + 0.3vw); position: absolute;bottom: calc(1rem + 1vw);left: 50%;transform: translateX(-50%);opacity: 0.7;filter:alpha(opacity=70);z-index: 10;} .product_list_box .product_list_open .right .mouse:before{ content: '';width: 100%;height: 100%;display: block;position: relative;} .product_list_box .product_list_open .right .mouse:after{ content: '';width: 10%;height: 30%;background: #fff;position: absolute;top: 10%;left: 50%; display: block;border-radius: 50%;transform: translateX(-50%); animation: mouse 1s 0.2s linear infinite alternate;} @keyframes mouse { from {top: 10%;} to {top: 60%;} } .product_list_box .product_list_open .right .close{width: calc(1rem + 1vw);height: calc(1rem + 1vw);border: calc(0.06rem + 0.08vw) solid #fff; position: absolute;top: calc(1rem + 1vw);left: 50%;transform: translateX(-50%);border-radius: 50%;opacity: 0.7;filter:alpha(opacity=70);overflow: hidden;cursor: pointer;z-index: 15;} .product_list_box .product_list_open .right .close:before{content: '';width: 100%;height: 100%;display: block;position: relative;} .product_list_box .product_list_open .right .close i{width: 50%;height:calc(0.06rem + 0.08vw);display: block;background: #fff;position: absolute;top: 50%;left: 50%;transform-origin: center;} .product_list_box .product_list_open .right .close i:nth-of-type(1){transform:translate(-50%,-50%) rotate(45deg);} .product_list_box .product_list_open .right .close i:nth-of-type(2){transform:translate(-50%,-50%) rotate(-45deg);} .progress{background-color: #666;top: 0;right: 0;position: absolute;width: 100%;height: 0%;z-index: 1;} #wrapper{position: relative;width:200px;height:100px;border:1px solid darkgray;} #progressbar{position: absolute;top:50%;left:50%;margin-left:-90px;margin-top:-10px;width:180px;height:20px;border:1px solid darkgray;} .lxwm_box{padding: calc(3rem + 5vw) 0;background: #fff;} .lxwm_box .wp{width:90%;} .lxwm_box span{display: block;} .lxwm_box .text{padding-top: 150px;--overflow:200px;} .lxwm_box .text span.text1{font-size: 17px; margin-bottom: calc(1rem + 2vw);} .lxwm_box .text span.text2{font-size: calc(20px + 1vw); line-height:calc(20px + 1.3vw); margin-bottom: calc(1rem + 3vw);color: #000;} .lxwm_box .text .lxinfo{width:70%;max-width: 1000px;} .lxwm_box .text .lxinfo ul li{width: 100%; margin-bottom: calc(0.6rem + 0.6vw);} .lxwm_box .text .lxinfo ul li em{display: block; font-weight: inherit;} .lxwm_box .text .lxinfo ul li strong{font-size:1rem;font-weight:400;} .lxwm_box .text{width: 30%; float: left;} .lxwm_box .rightimg{max-width:100%;float: right;} .liuyan_box{position: relative;padding: calc(2rem + 6vw) 0;} .liuyan_box .wp{width:90%;min-width: 1100px;} .liuyan_box .liuyan_rr strong em{font-size:17px;display: block;margin-bottom: calc(5px + 0.5vw);color: #000;} .liuyan_box .liuyan_rr strong i{font-size: 15px;opacity: 0.6;filter:alpha(opacity=60);font-weight:500; font-style: normal;color: #000;} .liuyan_box .liuyan_rr{width: 100%;max-width: 640px;} .liuyan_box .liuyan_rr #GBookAdd .wenben{ width: 100%; float: left; border-bottom: 1px solid rgba(255,255,255,0.2);margin-right: 9px;margin-bottom:10px;} .liuyan_box .liuyan_rr #GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;} .liuyan_box .liuyan_rr #GBookAdd .wenben .text{ width: 100%; height: 58px;line-height: 58px;background: rgba(255,255,255,0.8); padding: 0 10px;color: #333;font-size: 14px;} .liuyan_box .liuyan_rr #GBookAdd .wenben:nth-of-type(3){margin-right: 0;} .liuyan_box .liuyan_rr #GBookAdd .neirong{margin-top: 30px; margin-bottom: 30px;} .liuyan_box .liuyan_rr #GBookAdd .neirong .cmessage{ width: 100%; padding: 10px; min-height: 150px;background: rgba(255,255,255,0.8);color: #333;border-bottom: 1px solid rgba(255,255,255,0.2);} .liuyan_box .liuyan_rr #GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;} .liuyan_box .liuyan_rr #GBookAdd .submit{ width:160px;height:42px; display: block;float: left;background:rgba(0,0,0,0.8); color: #fff;margin: 0 auto; font-size: 14px;position: relative;} .liuyan_box .liuyan_rr #GBookAdd .submit:hover{background:#ee780c; color:#fff;} .liuyan_box .liuyan_rr strong{font-size:15px; font-weight:400; display:block; margin-bottom:0px; color:#fff;} .lxwm_back{width: 100%;height: 100vh;display: block;background-image: url(../images/lxwm_back.jpg);background-position: center;background-size: cover;position: fixed;top: 0;left: 0;z-index: -1;} .header-search{ position: relative; width:65px;height:66px;float: left;} .header-search .on-roll{position: absolute; right: 0;top: 0;width:70px;height:66px;background: url("../images/search.png") center center no-repeat;transition-duration:300ms;} .header-search .on-roll:hover{background: url("../images/searchb.png") center center no-repeat #252525;} .on-close{position: absolute;right: 0;top: 0;width:60px;height:66px;background: url("../images/close.png") center center no-repeat;display: none;} .open-search{position: absolute;right:65px;top: 0; width: 0;height:66px;background: #f4f4f4; padding:0 0 0 0 ; overflow: hidden;} .open-search .in-search{line-height:66px;font-size:18px;background: transparent;border:0 none;display: block;width: 250px;float: left;margin:0 0 0 24px;} .open-search .submit-search{float: right;width:65px;height:66px;background: url("../images/search.png") center center no-repeat;border: 0 none;} /*info*/ .banner_info{background: #000;position: relative;overflow: hidden;} .banner_info .img{opacity: 0;} .banner_info .img img{-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-ms-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;} .banner_info .text{position: absolute;top:80%;transform: translateY(-80%);left: 0;width: 100%;display: block; color: #fff;} .banner_info .text .wp{width: 70%;} .banner_info .text span{font-size:16px;display: block;letter-spacing:5px;overflow: hidden; margin-bottom:10px; color:#f1f1f1;} .banner_info .text strong{font-size:calc(16px + 0.3vw);font-weight: 300; display: block;margin-bottom: calc(1rem + 1vw);overflow: hidden;} .banner_info .text em{display: block;} .info_jianjie{background: #fff; padding: calc(2rem + 6vw) 0;} .info_jianjie .wp{min-width: 1100px;width: 70%;} .info_jianjie .title{color:#000;float: left;font-size: calc(16px + 0.3vw);} .info_jianjie .title p{text-transform:uppercase;line-height: initial;padding-bottom: 6px;} .info_jianjie .font{float: right; width:35%;color: #666; font-size: 15px;line-height: 1.8;text-align: justify;} .info_jianjie .font img{ max-width:100%;} .info_jianjie .more{ font-size: 14px; color: #000; text-transform: uppercase;padding: calc(1rem + 1vw);padding-left: 0;position: relative;} .info_jianjie .more em{position: relative;z-index: 5;color: rgba(0,0,0,0.5); font-weight: 200;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;display:inline-block;} .info_jianjie .more:before{content: '';border-radius: 50%; width: calc(2rem + 2vw);height: calc(2rem + 2vw); display: block;position: absolute;right: 0;z-index: 1;bottom:50%;transform: translate3d(0,50%,0);background: rgba(200,186,177,0.3); transform-origin: bottom center;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .info_jianjie .more:hover em{transform: translate3d(10px,0%,0);color: rgba(0,0,0,1);} .info_jianjie .more:hover:before{transform: scale(0.6) translate3d(0,50%,0);background: rgba(200,186,177,0.1);} .jjbaner{ height:100vh; background:Rgba(0,0,0,0)} .jjbaner #banner_video{ height:100vh!important;} .info_zjtu{height: 100vh;overflow: hidden;position: relative;} .info_zjtu .img{opacity: 1;visibility: visible;} .info_zjtu .img img{--overflow:500px;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-ms-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;} .info_sheji{background: #fff; padding: calc(2rem + 6vw) 0;} .info_sheji .wp{width: 70%; min-width: 1100px;} .info_sheji .wp .box{float: right; width: calc(60% - 200px);color: #000; font-size: 15px;line-height: 1.8;text-align: justify;} .info_sheji .wp strong{font-size: calc(18px + 1vw);display: block;font-weight: 400; color: #000;/* font-family: yingwen;*/} .info_sheji .wp span{color: #000;display: block;margin-bottom: calc(15px + 1vw);} .info_sheji .wp .font{color: rgba(0,0,0,0.8); line-height: 1.8;font-size: 15px;text-align: justify;} .info_sheji .wp .font img{margin-top: calc(1rem + 1vw);} .shejijiangimg{max-width:95%; margin:0 auto;} .weizhi{ font-size: 12px; color: #888;} .weizhi a{color: #888;} .licheng_box{position: relative;} .licheng_box .title{position: absolute;top: 10%;left: 0;width: 100%;z-index: 20;display: block;color:#fff; font-size:calc(16px + 0.3vw);} .licheng_box .title .wp{width:75%; text-align:center} .licheng_box .title p{text-transform: uppercase; line-height: initial; padding-bottom: 6px;} .licheng_box .licheng_nian{position: absolute;top: 44%;width: 100%;z-index: 20;} .licheng_box .licheng_nian .swiper-slide{color:Rgba(255,255,255,0.5); text-align: center; font-size: calc(0.8rem + 0.3vw);font-family: shuzifont;cursor: pointer;} .licheng_box .licheng_nian .swiper-slide-active{ color:#fff;font-size: calc(1rem + 0.3vw);} .licheng_box .swi_licheng .swiper-wrapper{transition-timing-function: cubic-bezier(0.7, 0.3, 0, 1)!important;} .licheng_box .swi_licheng .swiper-slide{position: relative;} .licheng_box .swi_licheng .swiper-slide .font{font-size: calc(20px + 0.2vw);color: #fff;position: absolute;top: calc(40% + 3rem + 3vw);left: 0; width: 100%;} .licheng_box .swi_licheng .swiper-slide .font .wp{width: 70%;min-width: 600px;} .licheng_box .swi_licheng .swiper-slide .font .wp .zit{max-width: 600px;min-width: inherit;text-align: center; margin: 0 auto; font-size:12px; color:#f1f1f1;} .licheng_box .swi_licheng .pagination_box{position: absolute;left: 0;width: 100%;top:45%;} .licheng_box .swi_licheng .pagination_box .wp{width: 70%;min-width: 600px;} .licheng_box .swi_licheng .pagination_box .swiper-pagination-bullet{background: #fff; margin-right: 10px;} .licheng_box .swi_licheng .pagination_box .swiper-pagination-bullet-active{background: #fff;} .licheng_box .swi_licheng .pagination_box .swiper-pagination{transform: translate3d(0,19vw,0);} .licheng_box .swi_licheng .swiper-button-prev,.licheng_box .swi_licheng .swiper-button-next{border-radius:50%; width:41px; height:41px; background:Rgba(0,0,0,0.5); } .licheng_box .swi_licheng .swiper-button-prev:after{ color:#fff;font-size:21px;} .licheng_box .swi_licheng .swiper-button-next:after{ color:#fff;font-size:21px;} .cpxljs-xq .index_news_tabs{ width:100%;height: 60px;background: #f1f1f1;padding: 0 2%;} .cpxljs-xq .index_news_tabs ul li{ float:left; padding:0 40px; line-height:60px; cursor: pointer;position: relative;} .cpxljs-xq .index_news_tabs ul li:before{width:0%;height: 2px;content: '';display: block;background: #ff6600; position: absolute;right: 0;bottom: 0;z-index: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .cpxljs-xq .index_news_tabs ul li:hover:before{width: 100%;} .cpxljs-xq .index_news_tabs ul li.active:before{width: 100%;} .cpxljs-xq .index_news_tabs ul li span{float: left;width: 50px;text-align: center; font-weight: bold;} .cpxljs-xq .index_news_tabs ul li time{display: block;} .cpxljs-xq .index_news_tabs ul li strong{ margin-bottom: 0.4rem; display: block; color: #000;} .cpxljs-xq .index_news_tabs ul li:hover strong,.index_news .right .index_news_tabs ul li.active strong{color: #14458f;} .cpxljs-xq .index_news_tabs ul li .text{float: right;width: calc(100% - 50px);} .cpxljs-xq .swi_index_news{ width:100%; padding:35px 0;} .cpxljs-xq .swi_index_news .swiper-slide img{ max-width:100%; display: inline;} .newkefub{position:fixed;right:0;bottom:100px;z-index:99;} .kefua{width:260px;background:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.3);border-radius:18px;} .kefua_1{width:100%;padding-top:22px;text-align:center;color:#666;font-size:33px;line-height: 33px;} .kefua_2{width:100%;text-align:center; padding-top: 16px;} .kefua_2 img{ display: inline; max-width: 100%; padding: 0 10px;} .kefua_3{width:100%;padding:0 10%;line-height:18px;text-align:center;color:#666;font-size:13px;} .kefua_4{position:relative;width:112px;height:27px;border-radius:14px;background-color:#c1966f;margin:15px auto;color:#fff;font-size:13px;;line-height:27px;text-align:center;cursor:pointer} .kefua_4 a{ color: #fff;} .kefua_4:hover{position:relative;width:112px;height:27px;border-radius:14px;background-color:#c1966f;margin:15px auto;color:#fff;font-size:13px;;line-height:27px;text-align:center;cursor:pointer} .kefua_5{width:100%;height:1px;margin-top:16px;background-color:Rgba(0,0,0,0.1)} .kefua_5a{width:100%;height:1px;background-color:Rgba(0,0,0,0.1)} .kefua_6{width:100%;margin-top:15px;text-align:center;color:#666;font-size:12px} .kefua_7{width:100%;padding-bottom:22px;text-align:center;color:#666;font-size:16px; font-weight: bold;} .kefugb{ position: absolute; top: 10px; z-index: 10; right: 10px; font-family: Arial, Helvetica, sans-serif; cursor: pointer;} .kefugb a{ color: #666;} .kfsj{ width: 33px; text-align: center; margin-bottom: 20px;} @media screen and (max-width: 1024px){ body{min-width:inherit} .wp{min-width: inherit;} .product_box .right .swiper-container .swiper-slide-active img, .product_box .right .swiper-container .swiper-slide-duplicate-active img{height: 70vh;object-fit: cover;} .product_box .right .swiper-container .swiper-slide img{height: 70vh;object-fit: cover;} } @media screen and (max-width: 769px){ .top{padding: 25px 5% 50px;} .top .wp{ width:100%; background:#fff;} .product_box .right .swiper-container .swiper-slide-active img, .product_box .right .swiper-container .swiper-slide-duplicate-active img{height: 80vh;object-fit: cover;} .product_box .right .swiper-container .swiper-slide img{height: 80vh;object-fit: cover;} .top .menu{display: inherit;} .top .menu i{width: 90%;margin: 0 auto;height: 2px;display: block;margin-bottom: 5px;background: #fff;transform-origin: center;} .top .menu{width:30px;text-align: center; margin: 0 auto;cursor: pointer;position: relative;z-index: 20;float: right;margin-right: 4%; margin-top: 25px;} .top .menu i{width: 90%;margin: 0 auto;height: 2px;display: block;margin-bottom: 5px;background: #333;transform-origin: center;} .top_right{display: none;} .top_bd .menu i{background: #222;} .top .nav{display: none;} .caidan .caidan_nav{padding:calc(100px + 4vw) 0% 0;} .product_listbox .product_list ul li{width: 50%;} .productarticle_box .productimg{width: 100%;} .productarticle_box .producttitle{width: 100%;position: inherit;transform: translate(0); left: inherit; border-left: 0;} .caidan_navb{position: fixed;left: 0;top: 0;width: 60%;background: #fff;height: 100%;z-index:200;padding:4%;padding-top:5rem; transform: translate3d(-110%,0,0);} .product_listbox .right{width: 100%; border-left: 0;} .product_listbox .product_list ul li{width: 50%; margin-bottom: 2rem;} .productarticle_box .productimg{float: inherit; margin: 0 auto;} .productarticle_box .producttitle{ padding:calc(0.5rem + 0.5vw) 0; padding-left: 0; text-align:center; margin:1.5rem 0;} .productarticle_box .content{padding: 0;} .productarticle_box_top{width: 100%;} .product_listbox .wp{ width:94%;} .product_listbox .product_list .product_listbox2 li .img img{ padding:0;} .honorone .wp .text{position: inherit; padding-top:15%; padding-left:13%;} .honorone .info_bannerimg{width:40%;transform: translate(0);left: 10%;bottom: 3%; display:none;} .honorone .wp:before{ background:inherit;} .honorone .wp .xiaorenren{width:100%; margin-top:10%;} .honorone .more{bottom: 60%;left: 13%;} .honorone .wp .text span.text3{padding-left: calc(2rem + 1vw);} .honorone .wp .text span.text3:before{width: calc(5rem + 5vw);} .index_news_box .swi_index_news .swiper-slide .text strong{font-size: 1.2rem;} .index_news_box .swi_index_news .swiper-slide .more{display: none;} .index_news_box .swi_index_news .swiper-slide .text{padding-right: 0;padding-left: 2%;} .index_news_box .swi_index_news .news_title{left: 2%;} .ruchixinku .right .text span.text3{font-size: 1rem; padding-left:0;} .index_background_video{ height:auto;} .index_background_video .text em{padding-left: 0; font-size: 12px;} .index_background_video .text{width: 100%;} .index_background_video .text{left: 0;} .index_product .pc-vis {display: none;} .index_product .phone-vis {display: inherit;} .honorone .wp .text span.text4{margin-bottom: 2rem;} .swi_index_product .swiper-pagination-clickable .swiper-pagination-bullet{ background:#ee780c;} .swi_index_product .swiper-pagination{ bottom:0;} .swi_index_product .swiper-slide{ padding-bottom:28px;} .swi_index_product .swiper-slide .text{text-align: center; padding-bottom:10px;} .swi_index_product .swiper-slide .text strong{display: block;font-size:1.4rem;padding:15px 0 0;font-weight: 500; color:#000;} .swi_index_product .swiper-slide .text a{padding: 0 7px; color:#666; font-size:0.9rem;} .index_banner .swi_index_banner .swiper-slide img{ height:inherit;} .perduct_img_swi .swiper-wrapper img{margin-left: -15%;} .honorone2 .wp .text span.text2,.index_background_video .text h3,.ruchixinku .right .text span.text2{font-size: calc(20px + 2vw);} .honorone2 .wp .text span.text3{font-size: calc(14px + 0.1vw);} #banner_video{display: none;} .index_background_video .img{opacity: 1;visibility: visible;} .honorone{padding-bottom: 1rem;} .banner_info .img img{transform: translate3d(0,0,0)!important;} .info_jianjie .title{width: 100%; float: inherit;} .info_jianjie .font{width: 100%;} .info_jianjie .font{padding-top: 3rem;} .info_jianjie .wp{width: 100%; min-width:inherit;} .info_zjtu{height: auto;} .info_zjtu .img img{ transform: translate3d(0,0,0)!important;} .licheng_box .swi_licheng .swiper-slide .pc-vis {display: none;} .licheng_box .swi_licheng .swiper-slide .phone-vis {display: inherit;} .licheng_box .licheng_nian{top: 35%;} .licheng_box .title .wp{width: 90%;} .designer_box .swi_designer_box_re .swiper-container .swiper-slide .pc-vis {display: none;} .designer_box .swi_designer_box_re .swiper-container .swiper-slide .phone-vis {display: inherit;} .product_list_box .product_list_open .left ul li{width: 50%;margin-bottom:calc(1rem + 1.5vw);} .case_listbox ul li{width: 49%;margin-right: 2%!important;} .case_listbox ul li:nth-of-type(2n){margin-right: 0%!important;} .articlelist_box ul li{border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 1rem;} .articlelist_box ul li .text{padding-top: 0; margin-bottom: 2rem;} .articlelist_box ul li .text .font{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display: block;} .articlelist_box .moreBtn{margin-top: 1rem;} .video_boxlist .swi_video .swiper-slide .text{ width: 65%;} .video_boxlist .swi_video .swi_video_tabs ul li .title strong{display: none;} .video_boxlist .swi_video .swi_video_tabs ul li{padding: 15px 0;} .lxwm_box .text{transform: translate3d(0,0,0)!important;width: 40%;} .lxwm_box .wp{width: 90%;} .lxwm_box .text{padding-top: 8%;} .lxwm_box{padding-top: 8rem;} .liuyan_box .liuyan_rr{width: 100%;max-width: inherit;} .liuyan_box .wp{min-width: inherit; width: 90%;} .liuyan_box .liuyan_rr strong em{font-size:30px;} .jjbaner{ background:url(../images/banner_info_phone.jpg) center; background-size:100%; height:100vh;} .jjbaner .text .wp{width: 100%;padding: 0 8%;} .info_jianjie{padding: 3rem 8%;} .product_listbox .product_list .product_listbox2 li{width: calc(100%/3 - 20px); margin:0 10px 20px;} .articlelist_box ul li .text strong{ font-size:1rem;} .honorone2 .wp .text{ width:100%;} .honorone2 .right-sjs{ width:100%;} .honorone2 .more{ bottom:0;top: 36%;} .honorone2 .more:before{ bottom:0;top: -3%;} .licheng_box .swi_licheng .pagination_box .swiper-pagination{transform: translate3d(0,36vw,0);} .font-hj{ position: relative; bottom:0; padding-bottom:1.5rem;} .sjj_nav>ul>li>a{ padding: 0 15px;} } @media screen and (max-width: 640px){ .pc-vis {display: none; visibility:hidden;} .phone-vis {display: inherit; visibility:inherit;} .bback{ visibility:visible; display: block;} .caidan{ visibility:visible; display:block;} .hytopcdcp{ display: none;} .topyinc .cd-x{ margin-top: 0;} .topyinc .hycdr a:nth-child(1){ margin-top:5px;} .index_news_box dl dt{ width: 100%;} .index_news_box dl dd{ width: 100%; } .index_news_box .wp{ width: 90%;} .product_box .right{width: 100%;margin-top: 60px;margin-bottom: 0;} .product_box .right .swiper-container .swiper-slide img{height: inherit;} .product_box .right .title{top: 15%;} .product_box .left{width: 100%;margin-left: 0;padding: 0 0.5rem; margin-bottom: 1rem;} .product_box .left ul li{width: calc(100% / 2 - 1px);margin-right: 1px; float: left;background: #fff!important; padding: 0.8rem 0;} .product_box .left{padding-top: 0;} .product_box:before{width: 100%;} .product_box .left ul li a{padding: 0; text-align: center;opacity: 1;filter:alpha(opacity=100); color: #000;} .product_box .left ul li a img{margin-bottom: 0.8rem;} .product_list_box .product_list_open .left{width: 80%;padding: calc(1rem + 2vw);} .product_list_box .product_list_open .left ul li .img img{ padding:0;} .product_box .left ul li:hover, .product_box .left ul li.active{background: #fff!important;} .product_box:before{height:30vh;width: 80%;top:19%;position: absolute;display: none;} .product_list_box .product_list_open .left ul li{padding: 0;} .product_box .right{width: 96%;} .product_box .right .titles{width: 92%;max-width: 1550px; margin: 0 0 0.6rem;overflow: hidden;} .product_box .right .titles span.Section_name{font-size: 14px; float: left;display: block;position: relative; padding-left: calc(2rem + 2vw); margin-top: calc(0.8rem + 1vw); text-transform: uppercase; color: rgba(0,0,0,0.5);} .product_box .right .titles span.Section_name:before{content: '';width: calc(1rem + 2vw - 10px);position: absolute;left: 0;top: 12px;display: block; background: rgba(0,0,0,0.3);height: 1px;} .product_box .right .titles span.text{font-size: calc(0.9rem + 0.6vw); text-align: right; float: right; /*font-family:butler;*/margin-bottom: calc(1rem + 1vw);} .product_box .right .title{display: none;} .product_box .left ul li a{font-size: 12px;} .cpytt{ min-height:28vh; overflow:hidden;} .index_news_box dl dd a{ padding: 3px 0;} .top{padding: 13px 6%; } .topyinc{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);} .top .top_back{height: 52px!important;} .top .menu{margin-top: 20px;} .ny_banner .ny_bannernav{position: inherit;bottom: inherit;left: inherit;color: #222;background: #fff; border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1; padding:0.9rem 0; overflow: hidden;} .ny_banner .ny_bannernav a{color: #222;} .ny_bannernav .weizhi{float: left;line-height: 22px;} .ny_bannernav .product_caidan{ float: right;font-weight: bold; font-size: 15px;padding-right:6%;} .ny_bannernav{ padding-top: 0.5rem;} .product_listbox{padding-bottom: 1rem; padding-top:2rem;} .ny_banner{padding-top: 0;} .caidanb_oppen{transform: translate3d(0,0,0);} .top .logo{margin-left: 0.8rem;} .honorone{padding-top: 1.5rem;} .wp{width: 94%;} .index_background_video .wp{width: 80%;} .index_background_video .more{left: 10%;top: 80%;} .ruchixinku .left{width: 100%; padding-top: 0.5rem;float: inherit;} .ruchixinku .right{width: 100%;position: inherit;left: inherit;top: inherit;transform: translate(0); padding-top: 1.5rem;} .index_news_box .swi_index_news .swiper-slide .img{width: 100%;} .index_news_box .swi_index_news .swiper-slide .text{position: inherit;width: 100%;padding-left: 0;top: inherit;left: inherit;padding: 3rem 0 1.5rem;} .index_news_box .swi_index_news .swiper-slide .text strong{display: inline-block; font-size: 1.1rem;} .index_news_box .swi_index_news .news_title{position: inherit;} .index_news_box .wp .swiper-pagination{ right:inherit; top:inherit; width:inherit; padding-bottom:70px; bottom:35px; transform: translateY(0);} .index_news_box .wp .swiper-pagination .swiper-pagination-bullet{ display: inline; margin: 0 5px;} .index_news_box .wp .swiper-pagination .swiper-pagination-bullet:before{margin-left: -6px;} .index_news_box .swi_index_news .swiper-slide{padding-right: 0px;padding: 1rem 0;} .index_news_box .swi_index_news{width: 100%;border-right: 0;} .index_news_box .swi_index_news .news_title{display: none;} .index_news_box .swi_index_news .swiper-slide .img{float: inherit;} .index_news_box .swi_index_news .swiper-slide .font{display: none;} .index_news_box .swi_index_news .swiper-slide.ani-slide .text strong{margin-bottom: 0;} .index_news_box .swi_index_news .swiper-slide.ani-slide .text span{font-size: 12px;} .index_news_box .swi_index_news .swiper-slide{padding-bottom: 0;} .ruchixinku .right .text span.text4{margin-bottom:10%;} .ruchixinku{ padding-bottom:10%;} .info_zjtu{height: inherit;} .info_sheji .wp{max-width: inherit;} .info_sheji{padding: 3rem 8%;} .info_sheji .wp .font{line-height: 1.5;} .licheng_box .swi_licheng .swiper-slide .font .wp .zit{font-size: 14px;} .licheng_box .swi_licheng .swiper-slide .font .wp{width: 80%;min-width: inherit;} .licheng_box .licheng_nian .swiper-slide{transform: scale(0.6);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .licheng_box .licheng_nian .swiper-slide.swiper-slide-active{transform: scale(1);} .licheng_box .swi_licheng .pagination_box .wp{min-width: inherit;} .footer_box .banquan{text-align: center;} .footer_box .banquan .banquan_text{float: inherit;} .footer_box .banquan .jishu{float: inherit;} .licheng_box .swi_licheng .swiper-pagination{width: 100%;} .licheng_box .swi_licheng .pagination_box .wp{width: 100%;} .licheng_box .swi_licheng .swiper-slide .font .wp .zit{color: rgba(255,255,255,0.8);} .product_list_box .product_list_open .right{right: 10%;} .case_listbox .title{padding-bottom: 2rem; padding-top:7rem;} .case_listbox .title span{ font-size:2rem;} .case_listbox ul li{width: 100%;} .box_vdo{width: 90%;} .articlelist_box ul li .img{width: 100%;} .articlelist_box ul li .text{width: 100%;} .articlelist_box ul li .text .font{display: none;} .articlelist_box ul li .text{margin-bottom:0rem;} .articlelist_box ul li{border-bottom: 0; margin-bottom: 0; padding:0; padding-bottom:1rem;} .articlelist_box ul li .img{margin-bottom: 0.3rem;} .articlelist_box ul li .text span{margin-bottom: 0.5rem;} .articlelist_box .moreBtn{margin-top: 0;} .video_boxlist .swi_video .swi_video_tabs{width: 100%;bottom: 3%;right:inherit; transform: translate(0); height: 18px;left: 0; top: inherit;text-align: center;} .video_boxlist .swi_video .swi_video_tabs ul li{ float:inherit;top: inherit;display: inline-block; height: 18px;width: 18px;padding: 0;} .video_boxlist .swi_video .swi_video_tabs ul li span{background: #fff;} .video_boxlist .swi_video .swiper-slide .text{width: 90%;left: 5%;} .video_boxlist .swi_video .swi_video_tabs ul li span{width: 12px;height: 12px;} .lxwm_box .rightimg{width: 100%;} .lxwm_box .text{width: 100%;} .lxwm_box .text .lxinfo{width: 100%; margin-bottom: calc(1rem + 1vw);} .footer_box{padding:1rem 0; } main{position: inherit!important;} #soll_html{transform: translate3d(0,0,0)!important;} .designer_box .swi_designer_box_re .swiper-container .swiper-wrapper{ padding-left:0;} .designer_box .swi_designer_box_re .swiper-container{ padding:0 3%;} .case_listbox .wp{ min-width:inherit; width:90%;} .video_boxlist .swi_video .swiper-slide .text .bofang{ width:60px; height:60px; line-height:60px;} .product_listbox .product_list .product_listbox2 li{width: calc(100%/2 - 20px); margin:0 10px 20px;} .product_listbox2{ padding-left:0;} .index_product_box .wp{ max-width:90%;} .index_product_box .swi_index_product .swiper-slide{ background:#fff;} .index_product_box .swi_index_product .swiper-slide .text{ position:relative;opacity: 1; filter: alpha(opacity=100); visibility: inherit; transform:translate3d(0,0,0);} .index_product_box .swi_index_product .swiper-slide .text strong{ color:#333;} .swi_index_product .swiper-slide{ padding-bottom:0;} .cpxljs-xq .index_news_tabs{ width:100%;height: 60px;background: #f1f1f1;padding:0;} .cpxljs-xq .index_news_tabs ul li{ float:left; width:calc(100%/4 - 0.01px); text-align:center; line-height:60px; cursor: pointer;position: relative; padding: 0;} .newkefub{ display: none;} }