*{ margin:0; padding:0; list-style-type:none; } body {font-weight:normal; background-color:#ffffff;font:14px/1.5 "Microsoft Yahei","微软雅黑",Helvetica,Arial,sans-serif; -webkit-tap-highlight-color: transparent; overflow-x: hidden;} html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,tbody,thead,tfoot,tr,td,th,input { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,em,h6,b,p { font-weight:normal; font-style:normal; } article,aside,dialog,footer,header,section,footer,nav,figure,menu,hgroup { display:block; margin:0; padding:0; } img,hr { border:none; -ms-interpolation-mode:bicubic; } img {max-width: 100%; vertical-align:middle; } a { text-decoration:none; color:#333; cursor:pointer; } ul,li { list-style:none outside none; } i,em {font-style: normal;} table { border-collapse:collapse; } input,select { -webkit-appearance:none; appearance:none; } input,select,textarea{border:none;outline:0;font-family:"Microsoft Yahei";background:0 0;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888} input:-moz-placeholder,textarea:-moz-placeholder{color:#888} input::-moz-placeholder,textarea::-moz-placeholder{color:#888} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#888} select::-ms-expand { display:none; } input[type=radio]::-ms-check,input[type=checkbox]::-ms-check { display:none; } @font-face{ font-family: 'PoiretOne'; src : url('../css/PoiretOne-Regular.ttf'); } :focus{ outline:none; } .clear { clear:both; } .fl { float:left !important; } .fr { float:right !important; } .clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden} .clearfix {*zoom:1;} .text-center {text-align: center;} .bsBox,.bsBox div {box-sizing: content-box;} .header {position: relative;z-index: 2;} .header .navbar {width: 100%;background-color: #ffffff;padding: 1rem;height: 140px;box-shadow: 1px 1px 1px rgba(0,0,0,.1);} .header .navbar .logo {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;} .header .navbar .logo img {height: 100%;} .header .navbar .navbar-collapse {align-items: flex-end;} .header .navbar .navbar-nav li.nav-item {position: relative;padding: 5px 0px;text-align: center;} .header .navbar .navbar-nav li.nav-item+li.nav-item {margin-left: 60px;} .header .navbar .navbar-nav li.nav-item>a {color: #333;font-size: 16px;font-style: italic;} .header .navbar .navbar-nav li.nav-item a i {font-style: italic;font-size: 12px;color: #999999;} .header .navbar .navbar-nav li.nav-item a span {display: block;line-height: 1;} .header .navbar .navbar-nav li.nav-item a:hover,.navbar .navbar-nav li.nav-item.active>a {color: #a9957e;} .header .navbar .navbar-nav li.nav-item a:hover i,.navbar .navbar-nav li.nav-item.active>a i {color: #a9957e;} .header .navbar .search-warp {margin-left: 60px;margin-top: 10px;} .header .navbar .search-warp .search-click {font-size: 28px;cursor: pointer;} .header .navbar .search-warp .search-click:hover {color: #a9957e;} .header .navbar .search-form {display: none;padding:8px 15px;background-color: #fff;position: absolute;right: 0;top: 105px;border:1px solid #cfcfcf;} .header .navbar .search-form input[type="text"] {width: 400px;height: 40px;float: left;font-size: 15px;} .header .navbar .search-form input[type="submit"] {width: 40px;height: 40px;font-size: 15px;} .header .navbar .search-form .search-close {float: left;font-size: 21px;width: 30px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;} .header .navbar .navbar-toggler {padding: 0.25rem 0rem;} .header .navbar .navbar-toggler span{width: 30px;height: 2px;background: #333;display: block;position: relative;transition: all .2s linear;} .header .navbar .navbar-toggler span:before,.header .navbar .navbar-toggler span:after{content: "";position: absolute;height: 2px;background: #333;display: block;left: 0;width: 100%;transition: all .2s linear;} .header .navbar .navbar-toggler span:before{top: -8px;} .header .navbar .navbar-toggler span:after{top: 8px;} .header .navbar .navbar-toggler.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;} .header .navbar .navbar-toggler.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; } .header .navbar .navbar-toggler.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;} .header .navbar .navbar-nav li .dropdown-menu {min-width: 8rem;border-color: #a9957e;padding: 0;margin:0;border-radius: 0px;left: 50%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);} .header .navbar .navbar-nav li .dropdown-menu>li {width: 100%;} .header .navbar .navbar-nav li .dropdown-menu li a {display: block;padding: 10px;text-align: center;line-height: 1.5;font-size: 15px;} .header .navbar .navbar-nav li .dropdown-menu>li:hover>a {color: #a9957e;} .header .navbar .navbar-nav li .dropdown-menu>li .sort_sub {display: none;border-color: #a9957e;border-width: 1px;border-style: solid;position: absolute;left: 100%;top: -1px;min-width: 8rem;z-index: 2;background-color: #fff} .header .navbar .navbar-nav li .dropdown-menu>li:hover>.sort_sub {display: block;} .header .navbar .navbar-nav li .dropdown-menu>li .sort_sub li:hover .sort_sub {display: block;} .index-banner {width: 100%; height: 100%; overflow: hidden; } .index-banner .swiper-container {width: 100%; height: 100%; } .index-banner .swiper-slide img {width: 100%; height: 100%; object-fit:cover; } .index-banner .swiper-pagination-bullet {width: 26px; height: 26px; text-align: center; line-height: 26px; color: #fff; opacity: 1; background: rgba(0, 0, 0, 0.5); } .index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {color: #333; background: rgba(255, 255, 255, 0.5); } .index-banner .swiper-button-next,.index-banner .swiper-button-prev {color: #fff;} .index-banner .swiper-button-next:after,.index-banner .swiper-button-prev:after {font-size: 36px;} .index-banner .swiper-button-next {right: 9%;} .index-banner .swiper-button-prev {left: 9%;} .copyright {width: 100%;background-color: #292828;padding: 30px 0px;} .copyright p {color: #fff;line-height: 30px;text-align: center;} .copyright a {color: #fff;} .location a {display: inline-block;vertical-align: top;} .location a:hover {color: #a9957e;} .location a+a:before {content: '/';margin:0px 6px;float: left;color: #555} .location a:hover:before {color: #555} #main .floor {padding: 20px 0px;} #main>.container .floor,#main>.container-sm .floor {min-height: 650px;} #main .location {padding: 10px 0px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;} #main .location .peizhi {display: inline-block;margin-left: 30px;} #main .location .peizhi span {float: left;margin-right: 15px;} #main .location .peizhi span i {width: 12px;height: 12px;background-color: #f00;display: inline-block;vertical-align: middle;border-radius: 50%;margin-right: 5px;} #main .location .peizhi span i.bp {background-color: #b9ab9d} #main .location .peizhi span i.xp {background-color: #f2ede9} .about-nav {border-bottom: 1px solid #e5e5e5;text-align: center;margin:15px 0px;} .about-nav ul.wrap_layer {white-space: nowrap;overflow-x: auto;} .about-nav ul li {display: inline-block;vertical-align: top;margin:0 20px;} .about-nav ul li a {display: block;height: 50px;line-height: 50px;font-size: 16px;font-weight: bold;padding:0 3px;} .about-nav ul li a:hover, .about-nav ul li a.active {color: #a9957e;border-bottom: 2px solid #a9957e;} .about-nav .nav-floor.navFix {width: 100%;;position: fixed;left: 0;top: 0;background-color: #fff;z-index: 9;box-shadow: 1px 1px 1px rgba(0,0,0,.1);} .about-nav .nav-floor.navFix ul li a {height: 70px;line-height: 70px;} #main.about-wrap .floor {padding:70px 0px;} .about-wrap .floor .h {margin-bottom: 40px;} .about-wrap .floor .h p {color: #999;letter-spacing: 9px;} .about-wrap .floor .h span {font-size: 48px;font-weight: bold;display: inline-block;position: relative;padding-right: 18px;} .about-wrap .floor .h span:after {content: '';display: block;width: 10px;height: 10px;background-color: #a9957e;border-radius: 50%;position: absolute;right: 0;bottom: 12px;} .about-wrap .inner-nav {text-align: center;width: 100px;border:1px solid #ccc;padding:15px 0px;} .about-wrap .inner-nav span {display: inline-block;height: 100px;line-height: 100px;transform:rotate(-90deg);color: #999;} .about-wrap .inner-nav p {color: #999;font-size: 24px;line-height: 1;} .about-wrap .inner-nav p:before {content: '';display: block;width: 1px;height: 85px;background-color: #999;margin:10px auto;} .about-wrap .about-inner {margin-bottom: 40px;align-items:flex-start;} .about-wrap .about-inner .about-text {padding: 0 100px;} .about-wrap .about-inner .about-text .desc p {color: #666;line-height: 28px;text-indent: 2em;} /*video*/ .main-preview-player {position: relative;width: 100%;height: 520px;} .video-js.vjs-fluid {width: 100%;height: 100%;padding: 0px;cursor: pointer;} .video-js .vjs-big-play-button {display: none !important;} .videojs-hero-overlay {pointer-events: none; position: absolute; text-align: center; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; background: rgba(0,0,0,0.25); transition: opacity 0.2s;} .videojs-hero-overlay.transparent {display: none;} .videojs-hero-overlay .videojs-hero {height: 100%;display: flex;align-items: center;justify-content: center;} .team_inner {background-color: #000;} .about-wrap .team_inner .h span {color: #fff;} .about-wrap .team_inner .h span:after {background-color: #fff;} .team_inner .team-row {width: calc(100% - 220px);} /*.team_inner .team-row .item+.item {margin-top: 10px;padding-top: 10px;border-top: 1px solid #3e3e3e;}*/ .team_inner .inner-img .name {color: #fff;text-align: center;margin: 20px 0px;} .team_inner .inner-img .name span {font-size: 24px;} .team_inner .inner-img .name span em {font-size: 16px;} .team_inner .inner-img .name p {color: #999;} .team_inner .inner-text p {color: #e5bf93;font-size: 16px;line-height: 30px;} .owl-team .owl-nav {display: block !important;} .owl-team .owl-nav .owl-next,.owl-team .owl-nav .owl-prev {color: #fff;font-size: 36px;} .owl-team .owl-nav .owl-next {right: -60px;} .owl-team .owl-nav .owl-prev {left: -60px;} .honor_inner {background:url(../images/honor_inner.jpg);} .honor_inner .h {text-align: center;} .honor_inner {position: relative;} .honor_inner .owl-carousel .owl-stage { display: flex; align-items: inherit; } /*.honor_inner .owl-honor {height: 680px;} .honor_inner .owl-honor .swiper-slide { height: calc((100% - 30px) / 3); } .honor_inner .owl-honor .item {height: 100%;padding:0px 5px 5px;} .honor_inner .owl-honor .item .img {width: 100%;height: calc(100% - 40px);background:#d6dbdf;text-align: center;overflow: hidden;} .honor_inner .owl-honor .item .img a:hover {opacity: 0.66} .honor_inner .owl-honor .item img {width: auto;height: 100%;margin:auto;} .honor_inner .owl-honor .item .img.albumlists a {display: block;width: 100%;height: 100%;position: relative;} .honor_inner .owl-honor .item .img.albumlists img {width: 100%;min-height: 100%;height: auto;position: absolute;left: 0;top: 0;object-fit: cover;} .honor_inner .owl-honor .item p {text-align: center;padding: 5px 10px;font-size: 16px;height: 40px;line-height: 30px;} */ .honor_inner .owl-honor, .honor_inner .owl-honor .item {height: 100%;} .honor_inner .owl-honor .item {float: left;border-radius: 5px;width: 24.5%;margin-right: 0.666%;margin-bottom: 0.666%;display: flex;flex-direction: column;} .honor_inner .owl-honor .item:nth-child(4n) {margin-right: 0;} .honor_inner .owl-honor .item .img {width: 100%;height: 180px;background:#d6dbdf;text-align: center;} .honor_inner .owl-honor .item .img a:hover {opacity: 0.66} .honor_inner .owl-honor .item img {width: auto;height: 100%;margin:auto;} .honor_inner .owl-honor.albumlists .item .img a {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;} .honor_inner .owl-honor.albumlists .item .img img {width: 100%;min-height: 100%;height: auto;position: absolute;left: 0;top: 0;object-fit: cover;} .honor_inner .owl-honor .item p {text-align: center;padding: 10px;font-size: 16px;} .owl-honor .owl-nav .owl-next {right: -40px;} .owl-honor .owl-nav .owl-prev {left: -40px;} .owl-honor .owl-nav .owl-next,.owl-honor .owl-nav .owl-prev {color: #666;font-size: 36px;} .honor_inner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0;} .honor_inner .swiper-pagination-bullet {width: 10px;height: 10px;} .honor_inner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #a9957e;} .honor_inner .owl-honor .swiper-button-next,.honor_inner .owl-honor .swiper-button-prev {color: #a9957e;} /*.honor_inner .owl-honor .swiper-button-next {right: -40px;} .honor_inner .owl-honor .swiper-button-prev {left: -40px;}*/ .cotnact_inner {display: flex;flex-wrap: wrap;} .cotnact_inner .item {flex-basis: 33%;padding:10px 50px;border-right: 1px solid #e5e5e5;} .cotnact_inner .item:nth-child(3n) {border-right: none;} .cotnact_inner .item .dt {margin-bottom: 15px;} .cotnact_inner .item .dt span {display: block;margin-top: 10px;font-size: 16px;font-weight: bold;} .cotnact_inner .item p {color: #666;font-size: 13px;} .about_map {width: 100%;height: 680px;} .about_map iframe {width: 100%;height: 100%;} #main.news-warp .floor {padding: 20px 0px 40px;} .news-warp .news-row {display: flex;flex-wrap: wrap;} .news-warp .news-row .swiper-news {width: 100%;} .news-warp .news-row .news-big {width: 100%;height: 520px;} .news-warp .news-row .news-big a {display: block;width: 100%;height: 100%;position: relative;color: #fff;overflow: hidden;position: relative;} .news-warp .news-row .news-big a img {transition: all 0.6s ease-in-out;width: 100%;height: 100%; object-fit:cover;} .news-warp .news-row .news-big a:hover img {transform: scale(1.1); -webkit-transform:scale(1.1);} .news-warp .news-row .news-big .text {position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.6);padding: 15px 20px;width: 100%;} .news-warp .news-row .news-big .text h4 {font-size: 21px;font-weight: bold;} .news-warp .news-row .news-big .text p {font-size: 16px;display: -webkit-box;-webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .news-warp .news-row .news-smll {max-width: 620px;border-top: 6px solid #a9957e;padding-left: 20px;} .news-warp .news-row .news-smll ul li a {display: block;padding: 24px 20px;background-color: #f0f0f0} .news-warp .news-row .news-smll ul li:hover a {background-color: #fff;} .news-warp .news-row .news-smll ul li .img {width: 120px;height: 100px;float: left;overflow: hidden;} .news-warp .news-row .news-smll ul li .img img {width: 100%;height:100%; object-fit:cover; transition: all 0.4s ease-in-out;} .news-warp .news-row .news-smll ul li:hover .img img {transform: scale(1.1); -webkit-transform:scale(1.1);} .news-warp .news-row .news-smll ul li .txt {float: right;width: calc(100% - 135px);} .news-warp .news-row .news-smll ul li .txt .select_text {font-size: 20px;display: block;margin-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;} .news-warp .news-row .news-smll ul li:hover .txt .select_text {color: #a9957e;} .news-warp .news-row .news-smll ul li .txt .select_date {color: #999;font-size: 15px;display: -webkit-box;-webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .news-warp .news-list .h {margin:20px 0px;} .news-warp .news-list .h .clearfix {border-bottom: 1px solid #c9c9c9;line-height: 40px;} .news-warp .news-list .h h4 {font-size: 24px;float: left;} .news-warp .news-list .h a {float: right;font-size: 18px;color: #666;} .news-warp .news-list .h a i {display: inline-block;margin-left: 5px;} .news-warp .news-list .h a:hover {color: #a9957e;} .news-warp .news-list .h .line {display: block;width: 100px;height: 4px;background-color: #a9957e;} .news-warp .news-list .news-group .item {margin-bottom: 15px;} .news-warp .news-list .news-group .item .img {height: 180px;position: relative;overflow: hidden;} .news-warp .news-list .news-group .item .img img {width: 100%;height:100%; object-fit:cover; transition: all 0.4s ease-in-out;} .news-warp .news-list .news-group .item:hover .img img {transform: scale(1.1); -webkit-transform:scale(1.1);} .news-warp .news-list .news-group .item .img span {color: #fff;font-size: 16px;width: 100%;height: 40px;line-height: 40px;padding:0 10px;background-color: rgba(0,0,0,0.6);position: absolute;left: 0;bottom: 0;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;} .news-warp .news-list .news-group .item p {color: #666;font-size: 16px;line-height: 26px;margin-top:15px;display: -webkit-box;-webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .news-warp .news-list .news-hot {border-left: 1px solid #c9c9c9;margin-left: 15px;} .news-warp .news-list .news-hot h4 {font-size: 18px;color: #666;margin-bottom: 10px;} .news-warp .news-list .news-hot ul li {padding: 5px 0px;} .news-warp .news-list .news-hot ul li a {color: #666;font-size: 16px;display: -webkit-box;-webkit-line-clamp:1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .news-warp .news-list .news-hot ul li a:hover {color: #a9957e;} .news-warp .news-list .news-hot ul li a i {display: inline-block;vertical-align: top;margin-right: 5px;} .news-warp .news-list .news-hot ul li:nth-child(1) a i,.news-warp .news-list .news-hot ul li:nth-child(2) a i,.news-warp .news-list .news-hot ul li:nth-child(3) a i { color: #a9957e; } .web-view .head {border-bottom: 1px solid #e1e1e1;padding-bottom: 30px;margin-bottom: 30px;} .web-view .head h1 {font-size: 24px;font-weight: bold;text-align: center;} .web-view .head .info {margin-top: 40px;text-align: center;} .web-view .head .info span {color: #666;padding:0px 10px;} .web-view .content p {color: #555;line-height: 26px;} .web-view .news_detail {color: #555;line-height: 26px;text-indent: 2em;} #main.web-view .floor {padding:0;} #main.web-view .floor .content {padding: 80px 0px;background-repeat: no-repeat;background-size: cover;background-position: center;overflow: hidden;} .web-view .titlB h5 {text-align: center;font-size: 30px;color: #000;margin-bottom: 45px;font-weight: bold;} .web-view .titlB h5:after {content: '';display: block;margin:auto;width: 72px; height: 3px; background: #000; margin-top: 5px;} .web-view .titlB.text-white h5 {color: #fff;} .web-view .titlB.text-white h5:after {background:#fff;} .web-view .floor .content .topin .topBox {max-width: 1050px; background: url(../images/sBG1.jpg); position: relative; text-align: center; padding: 50px; margin:auto; border:1px solid #ccc; } .web-view .floor .content .topin .topBox p {color: #000;font-size: 16px;text-decoration: underline;line-height: 2;} .web-view .floor .content .list-row {margin-bottom: 30px;} .web-view .floor .content .list-row .listBox, .web-view .floor .content .list-row .listBox .textRow {display: flex;flex:1;align-items: center;justify-content: space-between;} .web-view .floor .content .list-row .listBox .textBox {flex:1;display: flex;align-items: center;justify-content: center;text-align: center;color: #000;font-size: 16px;border:1px solid #ccc;max-width: 160px;height: 80px;padding:15px;background: #fff;} .web-view .floor .content .list-row .listBox .icon {flex:1;max-width: 50px;color: #fff;font-size: 30px;font-weight: bold;text-align: center;} .web-view .floor .content .factFlex {display: flex;} .web-view .floor .content .factTit .textBox {color:#c0a062;font-size: 16px;float: left;width: 150px;height: 80px;line-height:80px;text-align: center;background: url(../images/sBG1.jpg);border:1px solid #ccc;} .web-view .floor .content .factTit .icon {float: left;width: 80px;line-height: 80px;margin:0 5px;text-align: center;font-size: 30px;color: #000;} .web-view .floor .content .factBox{position: relative;flex:1;} .web-view .floor .content .factBox .item{margin-top:0px;} .web-view .floor .content .factBox .item .imgBox{float: right;width: 52%;padding: 7px;border:1px solid #878787;text-align: center;} .web-view .floor .content .factBox .item .txtBox{position: relative;float: left;width: 44%;padding-top:15px;} .web-view .floor .content .factBox .item .txtBox p {color:#c0a062;font-size: 16px;display: block;width: 100%;background: url(../images/sBG1.jpg);border:1px solid #ccc;padding:15px;text-align: center;} .web-view .floor .content .factBox .item .icon {float: left;width: 44%;text-align: center;font-size: 30px;color: #000;} .web-view .floor .content .desList .item{position: relative;} .web-view .floor .content .desList .item+.item {margin-top: 60px;} .web-view .floor .content .desList .item .imgBox{float: left;width: 710px;background: #fff;} .web-view .floor .content .desList .item .txtBox {position: absolute;right: 0;top: 50%;transform: translate(0, -50%);} .web-view .floor .content .desList .item .txtBox h4 {padding: 0px 50px;color: #000;font-size: 20px;font-style:italic;margin-bottom: 10px;} .web-view .floor .content .desList .item .txtBox .con {padding: 30px;width: 520px;min-height: 240px;background:#f3f5f7;} .web-view .floor .content .desList .item .txtBox .con p{font-size:14px;line-height:28px;text-indent: 2em;margin-bottom: 5px;text-align: justify;} .web-view .floor .content .desList .item:nth-child(even) .imgBox{float: right;} .web-view .floor .content .desList .item:nth-child(even) .txtBox{right: auto;left: 0;} .web-view .floor .content .list-service ul {text-align: center;} .web-view .floor .content .list-service ul li {display: inline-block;vertical-align: middle;margin:0 40px;} .web-view .floor .content .list-service ul li h5 {color: #333;font-size: 20px;margin-bottom: 15px;} .web-view .floor .content .list-service ul li span {} .web-view .floor .content .list-service ul li span em {display: block;color: #c0a062;font-size: 16px;width: 250px;height: 60px;line-height: 50px;padding: 5px;text-align: center;background: #000000;} .web-view .floor .content .list-service ul li span:after {content: '';display: block;width: 10px;height: 20px;margin:4px auto;background-image: url(../images/list-service-icon2.png);background-position: center;background-size: 100%;background-repeat: no-repeat;} .web-view .floor .content .list-service ul li span:last-of-type:after {display: none;} .web-view .floor .content .priceList {display: flex;justify-content: space-between;} .web-view .floor .content .priceList .price-item {border:10px solid #b89867;background-color: rgba(234,234,234,0.9);border-radius: 12px;} .web-view .floor .content .priceList .price-item .con {width: 500px;height: 620px;padding: 40px;border-radius: 5px;} .web-view .floor .content .priceList .price-item .con .h {margin-bottom: 25px;} .web-view .floor .content .priceList .price-item .con .h h5 {color: #333;font-size: 20px;font-weight: bold;} .web-view .floor .content .priceList .price-item .con .h p {color: #333;font-size: 16px;font-weight: bold;} .web-view .floor .content .priceList .price-item .con .desc p {color: #333;font-size: 18px;line-height: 30px;} .web-view .floor .content .priceList .price-item .con .desc h4 {color: #b89867;font-size: 36px;line-height: 72px;font-weight: bold;} .web-view .floor .content .priceList .price-item .con .desc .padding {padding-top: 80px;} .web-view .floor .content .services-container {padding: 200px 0px;} .web-view .floor .content .servicesList .item {float: left;margin-left: -2px;text-align: center;} .web-view .floor .content .servicesList .item img {display: block;margin:auto;} .web-view .floor .content .servicesList .item span {display: inline-block;margin-top: 25px;font-size: 18px;min-width: 88px;line-height: 36px;border:1px solid #8d8e8f;padding:0 10px;} .web-view .floor .content .proList {margin-right: -40px;} .web-view .floor .content .proList .item {width: 270px;height: 270px;position: relative;float: left;margin-bottom: 40px;margin-right: 40px;overflow: hidden;} .web-view .floor .content .proList .item img {display: block;width: 100%;height: 100%; transition: all 0.6s ease-in-out;} .web-view .floor .content .proList .item:hover img {transform: scale(1.1); -webkit-transform:scale(1.1);} .web-view .floor .content .proList .item span {color: #fff;font-size: 20px;text-align: center;position: absolute;left: 0;bottom: 0;width: 100%;padding: 8px 10px;background: rgba(0,0,0,0.7);} .web-view .floor .content .container-sm>.desc {width: 100%;text-align: center;} .web-view .floor .content .container-sm>.desc p {color: #333333;font-size: 24px;} .web-view .floor .pro-content {height: 870px;} .web-view .floor .pro-content .container-sm {height: 100%;display: flex;align-items: center;justify-content: center;} .web-view .floor .pro-content .proText p {color: #fff;font-size: 24px;line-height: 2} .news-bottom {border-bottom: 1px solid #e1e1e1;padding:30px 0px;} .news-bottom .share div {display: inline-block;vertical-align: middle;} .news-bottom .pag {width: 280px;} .news-bottom .pag a {display: inline-block;vertical-align: middle;font-size: 15px;font-weight: bold;width: 80px;height: 60px;line-height: 60px;position: relative;} .news-bottom .pag a span {position: relative;z-index: 1} .news-bottom .pag a:after {content: '';display: block;width: 60px;height: 60px;background-color: #f2f5f5;position: absolute;top: 0;} .news-bottom .pag a.prev {float: left;text-align: right;} .news-bottom .pag a.next {float: right;text-align: left;} .news-bottom .pag a.next:after {right: 0;} .news-bottom .pag a.prev:after {left: 0;} .news-bottom .pag a:hover:after {background-color: #e5bf93;} .web-view .latest-news {margin-top: 50px;} .web-view .latest-news .h {font-size: 30px;margin-bottom: 30px;} .web-view .latest-news .item {margin-bottom:30px;} .web-view .latest-news .item .img {overflow: hidden;height: 180px;} .web-view .latest-news .item .img img {width: 100%;height:100%;transition: all 0.4s ease-in-out; object-fit: cover;} .web-view .latest-news .item a:hover .img img {transform: scale(1.1); -webkit-transform:scale(1.1);} .web-view .latest-news .item .date {margin:15px 0px 10px;} .web-view .latest-news .item h4 {color: #000;font-size: 18px;font-weight: bold;margin-bottom: 15px;} .web-view .latest-news .item h4:hover {color: #a9957e;} .web-view .latest-news .item .more {color: #999;font-size: 13px;} .web-view .latest-news .item .more:hover {color:#a9957e;} .news-warp .qianyan_title {color: #a9957e;font-size: 28px;height: 42px;line-height: 41px;border-bottom: 1px solid #a9957e;margin-bottom: 20px;} .news-warp .qianyan_row .qianyan_list .item {margin-bottom: 40px;} .news-warp .qianyan_row .qianyan_list .item .img {margin-bottom: 10px;overflow: hidden;} .news-warp .qianyan_row .qianyan_list .item .img img {width: 100%;height:100%;transition: all 0.4s ease-in-out;} .news-warp .qianyan_row .qianyan_list .item a:hover .img img {transform: scale(1.1); -webkit-transform:scale(1.1);} .news-warp .qianyan_row .qianyan_list .item h4 {font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;} .news-warp .qianyan_row .qianyan_list .item h4:hover {color: #a9957e;} .news-warp .qianyan_row .qianyan_list .item .info {margin:5px 0px;} .news-warp .qianyan_row .qianyan_list .item .info span {color: #666;font-size:14px;display: inline-block;vertical-align: top;margin-right: 10px;} .news-warp .qianyan_row .qianyan_list .item p {display: -webkit-box;-webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .news-warp .qianyan_row .news_r_ad {padding-bottom: 150%;} .news-warp .qianyan_row .right_title {height: 42px;line-height: 41px;border-bottom: 1px solid #eee;color: #111;margin-bottom: 10px;} .news-warp .qianyan_row .right_title h4 {font-size: 21px;} .news-warp .qianyan_row .news_new_list {margin-bottom: 25px;} .news-warp .qianyan_row .news_new_list li {line-height: 32px;padding-left: 10px;position: relative;} .news-warp .qianyan_row .news_new_list li:before {content: '';display: inline-block;width: 2px;height: 2px;background-color: #666;position: absolute;left: 0;top: 50%;} .news-warp .qianyan_row .news_new_list li a {color: #666;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;} .news-warp .qianyan_row .news_new_list li a:hover {color: #a9957e;} .news-warp .qianyan_row .news_ppxl_list li {margin-top: 10px; overflow: hidden; } .news-warp .qianyan_row .news_ppxl_list li a {font-size: 13px;color: #666;display: -webkit-box;-webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .news-warp .qianyan_row .news_ppxl_list li a:hover {color: #a9957e;} .news-warp .qianyan_row .news_ppxl_list li .img {display: block; width: 100%;margin-bottom: 5px;} .news-warp .qianyan_row .news_ppxl_list li .img a {display: block;width: 100%; height: 0; padding-bottom: 50%; overflow: hidden;position: relative;} .news-warp .qianyan_row .news_ppxl_list li .img img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} .pages {width: 100%;text-align: center;padding: 30px 3%;} .pages a.prev,.pages a.next {display: inline-block;vertical-align: middle;margin:0;color: #333;font-size: 15px;font-weight: bold;width: 80px;height: 60px;line-height: 60px;position: relative;} .pages a {display: inline-block;vertical-align: middle;margin:15px 4px;font-size: 16px;color: #999999;height: 30px;line-height: 30px;padding: 0 3px;text-align: center;} .pages a:hover,.pages a.active,.pages a.on {color: #333;border-bottom: 2px solid #333;} .pages a span {position: relative;z-index: 1} .pages a.prev:after,.pages a.next:after {content: '';display: block;width: 60px;height: 60px;background-color: #f2f5f5;position: absolute;top: 0;z-index: -1;} .pages a.prev {float: left;text-align: right;} .pages a.next {float: right;text-align: left;} .pages a.next:after {right: 0;} .pages a.prev:after {left: 0;} .pages a.prev:hover,.pages a.next:hover {border:none;} .pages a:hover:after {background-color: #e5bf93;} .share .bshare-custom a {display: inline-block;vertical-align: top;width: 20px;height: 20px;margin-right: 6px;background-repeat: no-repeat;background-size: 100%;background-position: center;} .share .bshare-custom a.bshare-qzone {background-image: url(../images/share-qzone-hover.png)} .share .bshare-custom a.bshare-sinaminiblog {background-image: url(../images/share-weibo-hover.png)} .share .bshare-custom a.bshare-weixin {background-image: url(../images/share-weixin-hover.png)} .share .bshare-custom a.bshare-qzone:hover {background-image: url(../images/share-qzone.png)} .share .bshare-custom a.bshare-sinaminiblog:hover {background-image: url(../images/share-weibo.png)} .share .bshare-custom a.bshare-weixin:hover {background-image: url(../images/share-weixin.png)} .design_head {font-size: 34px;width: 450px;height: 60px;line-height: 60px;text-align: center;background-color: #e6e6e6;margin-bottom: 15px;} .design_list {padding-right: 45px;} .design_list .design_item {display: flex;flex-wrap: wrap;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ededed} .design_list .design_item .img {width: 450px;overflow: hidden;} .design_list .design_item .img img {width: 100%;transition: all 0.6s ease-in-out;} .design_list .design_item .img a:hover img {transform: scale(1.1); -webkit-transform:scale(1.1);} .design_list .design_item .text {flex:1;margin:15px 0px;margin-left: 30px;position: relative;} .design_list .design_item .text h4 {margin-bottom: 15px;} .design_list .design_item .text h4 a {display: block;font-size: 18px;} .design_list .design_item .text h4 a:hover {color: #a9957e;} .design_list .design_item .text p {color: #666;} .design_list .design_item .info span {color: #555;display: inline-block;vertical-align: top;margin-right: 15px;} .design_list .design_item .info a i {color: #666;margin-right: 8px;} .design_list .design_item .info a:hover i {color:#333;} .design_list .design_item .info a.like_btn:hover i,.design_list .design_item .info a.like_btn.on i {color: #f03e35;} .design_list .design_item .info a.sahre_btn i {font-size: 16px;} .design_list .design_item .info .share_code {display: none;width: 180px;position: absolute;bottom: 40px;right: 0;border:5px solid #666;background-color: #fff;border-radius: 6px;} .design_list .design_item .info .share_code.on {display: block;} .design_list .design_item .info .share_code .code_top {width: 100%;height: 30px;line-height: 30px;background-color: #f2f2f2;padding: 0 5px;position: relative;} .design_list .design_item .info .share_code .code_top .code_close {float: right;width: 20px;text-align: center;cursor: pointer;} .design_list .design_item .info .share_code #code {padding: 10px;width: 160px;height: 160px;margin:auto;} .video-pop { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; display: none; } .video-pop .cu-dialog { position: absolute; width: 960px; height: 500px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #000; } .video-pop .close { position: absolute; right: 0px; top: -50px; opacity: 1; text-align: center; color: #fff; cursor: pointer; text-align: center; font-size: 38px; } .video-pop .cu-dialog .main-preview-player { height: 100% !important; } .video-pop .cu-dialog video, .video-pop #example_video_1 { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .design_ketang {padding-left: 30px;border-left: 1px solid #c8c8c8;} .design_ketang .head {color: #676767;font-size: 24px;width: 100%;padding:10px;background-color: #e6e6e6;} .design_ketang ul li {margin-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #ededed;} .design_ketang ul li .h a {display: block;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;} .design_ketang ul li .h a:hover {color: #a9957e;} .design_ketang ul li .info {margin-top: 10px;} .design_ketang ul li .info span {color: #666;font-size: 14px;display: inline-block;vertical-align: top;margin-right: 10px;} .case-banner {background-color: #000;} .case-banner .location {padding: 10px 0px;position: absolute;left: 0;top: 0;} .case-banner .location a {color: #fff;} .case-banner .location a:hover {color: #a9957e;} .case-banner .container {position: relative;} .case-banner .container,.case-banner .row,.case-banner .caseBox {height: 100%;} .case-banner .caseBox {display: flex;align-items: center;justify-content: flex-end;} .case-banner .caseBox:nth-child(2n) {justify-content: flex-start;} .case-banner .caseBox .caseBox-con a {display: block;position: relative;} .case-banner .caseBox .caseBox-con a .caseBox-Font {display: flex;align-items: center;justify-content:center;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;transition: all 0.3s ease-in-out;} .case-banner .caseBox .caseBox-con a .caseBox-Font:before {content: '';display: block;width: calc(100% - 25px);height: calc(100% - 25px);border:1px solid #a18a70;margin:auto;position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: all 0.3s ease-in-out;} .case-banner .caseBox .caseBox-con a:hover .caseBox-Font {background-color: transparent;} .case-banner .caseBox .caseBox-con a:hover .caseBox-Font:before {opacity: 0;} .case-banner .caseBox .caseBox-con a .caseBox-Font .text {color: #a9957e;text-align: center;} .case-banner .caseBox .caseBox-con a .caseBox-Font .text span {min-width: 87px;display: block;letter-spacing: 3px;font-size: 40px;height: 44px;line-height: 44px;font-family: 'simsun';background:url(../images/font-bg.png) repeat-x;background-size: auto 100%;} .case-banner .caseBox .caseBox-con a:hover .caseBox-Font .text {color: #fff;} .caseList ul li {margin-bottom: 30px;} .caseList ul li .imgBox{width: 100%;overflow: hidden;} .caseList ul li .imgBox img{width: 100%;height: 100%;object-fit: cover;transition: all 0.6s ease-in-out;} .caseList ul li .imgBox:hover img{transform: scale(1.1);} .caseList ul li .imgBox a {display: block;width:100%;height: 100%;position: relative;} .caseList ul li .imgBox a .vr-solid {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 360px; color: #fff; font-size: 54px; text-align: center; background-color: rgba(0, 0, 0, 0.5); background-image: url(../images/icon-ar.png); background-repeat: no-repeat; background-position: center; } .caseList ul li .imgBox a:hover .vr-solid {display: block;} .caseList ul li .txtBox {padding: 30px; background-color: #f6f6f6; } .caseList ul li .txtBox h5 {font-size: 18px;} .caseList ul li .txtBox .labelB span {color: #666;font-size: 14px;display: inline-block;vertical-align: top;} .caseList ul li .txtBox .labelB span+span:before {content: '|';display: block;float: left;margin:0px 5px;} .caseList ul li .txtBox .otherB .socB {text-align: right;} .caseList ul li .txtBox .otherB .socB span {color: #999;font-size: 13px;display: inline-block;vertical-align: top;margin-left: 10px;} .caseList ul li .txtBox .otherB .socB span i {margin-right: 5px;} .caseList ul li .txtBox .otherB .socB span.like:hover {color: #a9957e;} .caseList ul li .txtBox .otherB .socB span.like {cursor: pointer;} .caseList ul li .txtBox .otherB .socB span.like.on i {color: #f03e35;} .caseList.listfilter ul {margin-left: -3px;margin-right: -3px;} .caseList.listfilter ul li {padding: 0px 3px;margin-bottom: 6px;} .caseList.listfilter ul li .imgBox {height: 250px;} .caseList.listfilter ul li .txtBox {padding: 20px;text-align: center;} .caseList.listfilter .content {padding-right: 40px;} .caseList.listfilter .filter {position: relative;} .caseList.listfilter .filter-warp {background-color: #f6f6f6;padding:20px;} .caseList.listfilter .filter-warp .filter-item .h {margin-bottom: 15px;} .caseList.listfilter .filter-warp .filter-item .h p {font-size: 18px;line-height: 100%;} .caseList.listfilter .filter-warp .filter-item .h span {color:#bbbbbb;font-size: 12px;line-height: 100%;} .caseList.listfilter .filter-warp .filter-item+.filter-item {margin-top: 25px;padding-top: 25px;border-top: 1px solid #c8c8c8;} .caseList.listfilter .filter-warp .filter-item .con {margin-right: -30px;font-size: 0;} .caseList.listfilter .filter-warp .filter-item .con a {display: inline-block;vertical-align: top;min-width: 42px;margin-right: 13px;margin-top: 3px;margin-bottom: 3px;font-size: 14px;} .caseList.listfilter .filter-warp .filter-item .con a.active,.caseList.listfilter .filter-warp .filter-item .con a:hover { color: #e5bf93; } .caseInfo .contBox {padding-right: 50px;} .caseInfo .contBox .item {margin-bottom: 10px;position: relative;} .caseInfo .contBox .item span {display: block;width: 100%;padding: 5px 15px;background-color: rgba(0,0,0,0.75);color: #fff;text-align: center;} .caseInfo .righBox {position: relative;} .caseInfo .righBox .infoBox {margin-top: 50px;} .caseInfo .righBox .infoBox h4 {font-size: 18px;font-weight: bold;margin-bottom: 20px;} .caseInfo .righBox .infoBox .info {border-bottom: 1px solid #e1e1e1;} .caseInfo .righBox .infoBox .info p {float: left;width: 50%;padding-right: 20px;margin-bottom: 10px;} .caseInfo .righBox .infoBox .desc {margin:20px 0px 30px;} .caseInfo .righBox .infoBox .desc p {color: #666666;} .caseInfo .righBox .infoBox .news-bottom {padding: 0;border:none;} .caseInfo .righBox .infoBox .news-bottom .pag {width: 100%;margin-top: 30px;} .caseInfo .righBox .infoBox .news-bottom .like {cursor: pointer;} .caseInfo .righBox .infoBox .news-bottom .like.on {color: #a9957e;} .caseInfo .righBox .infoBox .news-bottom .like i {margin-right: 5px;} .caseForm {padding: 100px 0px 80px;} .caseForm .h {font-size: 32px;margin-bottom: 30px;} .caseForm .col-lg-9 {padding-right: 50px;} .caseForm .comment .form-control {display: flex;align-items: center;height: auto;background-color: #fcfbfc;padding:0;border-radius: 10px;overflow: hidden;} .caseForm .comment .form-control input {height: 70px;padding:15px;font-size: 18px;} .caseForm .comment .form-control input.content {width: 100%;} .caseForm .comment .form-control input.subBtn {width: 140px;background-color: #e5bf93} .disList {margin-top: 40px;} .disList .itemBox .userB{float: left;width: 85px;} .disList .itemBox .txtBox{float: left;margin-left:15px;width: calc(100% - 100px)} .disList .itemBox .txtBox h5{font-size:18px;font-weight:normal;color: #a9957e;} .disList .itemBox .txtBox p{font-size:16px;color: #666;margin: 10px 0;} .disList .itemBox .txtBox .orthB{margin-bottom:30px;} .disList .itemBox .txtBox .orthB time{display: inline-block;vertical-align: middle;color: #9fa4a7;font-size:14px;} .disList .itemBox .txtBox .orthB a{display: inline-block;vertical-align: middle;font-size:12.5px;color: #9fa4a7;margin-left:15px;} .disList .itemBox .txtBox .orthB a.zan{padding-left:20px;position: relative;} .disList .itemBox .txtBox .orthB a.zan i {margin-right: 5px;} .disList .itemBox .txtBox .orthB a:hover{color: #a9957e;} .disList .itemBox .txtBox .numdis{margin-bottom:25px;font-size:12.5px;color: #000;display: block;} .disList .itemBox .txtBox .numdis a{color: #a9957e;} .disList .itemBox .txtBox .itemB .userB{width: 31px;} .disList .itemBox .txtBox .itemB .txtBox{margin-left:5px;} .disList .itemBox .txtBox .userB {width: 40px;} .advimg {width: 100%;} .advimg img {width:100%;} .pro-Box {padding:50px 0px;} .pro-Box .pro-head {float: left;width: 110px;background:#cccacb;margin-right: 10px;display: flex;align-items: center;justify-content: center;} .pro-Box .pro-head span {color: #fff;font-size: 24px;width: 30px;text-align: center;} .pro-Box .pro-owl {float: left;width: calc(100% - 120px);} .pro-Box .owl-carousel.owl-loaded.owl-product {width: 100%;} .owl-product .owl-nav .owl-next,.owl-product .owl-nav .owl-prev {width: 40px;height:40px;background-image: url(../images/pro-arrow.png);background-repeat: no-repeat;} .owl-product .owl-nav .owl-next::after,.owl-product .owl-nav .owl-prev::after {display: none;} .owl-product .owl-nav .disabled {display: none !important;} .owl-product .owl-nav .owl-prev {background-position: 0px -40px;} .owl-product .item a {overflow: hidden;display: block;} .owl-product .item a img {transition: all 0.6s ease-in-out;} .owl-product .item a:hover img{transform: scale(1.08);} .prolist-warp {background: #e7e4e7} .prolist-warp .owl-prolist .item a {display: block;position: relative;bottom: 0;transition: all 0.3s ease-in-out;} .prolist-warp .owl-prolist .item .img {overflow: hidden;} .prolist-warp .owl-prolist .item .img img {transition: all 0.6s ease-in-out;} .prolist-warp .owl-prolist .item a:hover img{transform: scale(1.1);} .prolist-warp .owl-prolist .item .text {background-color: #fff;padding: 30px;} .prolist-warp .owl-prolist .item .text .h {display: flex;align-items: flex-end;margin-bottom: 25px;transition: all 0.3s ease-in-out;} .prolist-warp .owl-prolist .item .text .h .name {font-size: 48px;line-height: 100%;} .prolist-warp .owl-prolist .item .text .h span {font-size: 18px;} .prolist-warp .owl-prolist .item .text .price {font-size: 18px;border-bottom: 1px solid #ededed;margin-bottom: 25px;transition: all 0.3s ease-in-out;} .prolist-warp .owl-prolist .item .text p {color: #999;} .prolist-warp .owl-prolist .item a:hover {box-shadow:0px 10px 10px #ccc;bottom: 25px;} .owl-carousel.owl-prolist .owl-stage-outer {padding: 20px 0px;} .prolist-warp .owl-prolist .item a:hover .text .h {color: #a9957e;margin-left: 15px;} .prolist-warp .owl-prolist .item a:hover .text .price {color: #a9957e;margin-left: 15px;} .swiper-pro.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0;height: 30px;padding:5px 0px;background-color: rgba(0,0,0,0.4)} .swiper-pro .swiper-pagination-bullet {width: 16px; height: 16px; font-size: 12px; text-align: center; line-height: 16px; color: #fff; opacity: 1; background: rgba(0, 0, 0, 0.5); } .swiper-pro .swiper-pagination-bullet.swiper-pagination-bullet-active {color: #333; background: rgba(255, 255, 255, 0.5); } .swiper-pro .swiper-button-next,.swiper-pro .swiper-button-prev {color: #fff;top: auto;bottom: 15px;} .swiper-pro .swiper-button-next:after,.swiper-pro .swiper-button-prev:after {font-size: 32px;} .swiper-pro .swiper-button-next {right: 9%;} .swiper-pro .swiper-button-prev {left: 9%;} .products-detail {background-color: #e6e4e7} .products-detail .title {color: #333;font-size: 24px;line-height: 100%;text-align: center;margin-bottom: 20px;} .products-detail .title div {padding: 0 20px;} .products-detail .title i {font-size: 133px;font-weight: bold;} .products-detail .desc {padding: 0px 30px;} .products-detail .desc p {color: #333;font-size: 16px;text-align: justify;} .products-detail .links {text-align: center;padding: 15px 10px;} .products-detail .links a {font-size: 18px;display: inline-block;vertical-align: top;margin:0px 30px;} .products-detail .links a i {display: block;font-size: 36px;margin:auto auto 10px;} .products-detail .links a:hover {color: #b9ab9d;} /*.products-detail .links a+a {border-left: 2px solid #fff;margin:0px 20px;}*/ .product-table {min-height: calc(100vh - 200px);padding:0px 0px 40px;} .product-table .tr {flex: 1;width: 68px;color: #fff;font-size: 12px;text-align: center;margin-top: 10px;margin:0 1px;} .product-table .tr .th {background-color: #000;line-height: 28px;font-weight: bold;} .product-table .tr .td {background-color: #b9ab9d;margin-top: 1px;} .product-table .tr .td.on {background-color: #f2ede9;color: #666666;} .product-price {min-height: calc(100vh - 200px);padding: 0px 0px 60px;} .product-price .ny_left {width: 135px;margin-right: 40px;} .product-price .ny_left .top_com {color: #4b0503;font-size: 16px;padding: 10px;background-color: #b8b4b5} .product-price .ny_left .top_com .Footer-navarr {display: none;color: #333;font-size: 24px;} .product-price .ny_left ul {margin-top: 10px;} .product-price .ny_left ul li {width: 100%;border-bottom: 1px solid #d9d9d9;} .product-price .ny_left ul li a {display: block;line-height: 26px;} .product-price .ny_left ul li a i {margin: 0px 10px 0px 5px;} .product-price .ny_left ul li a:hover,.product-price .ny_left ul li.active a {color: #a9957e;} .product-price .ny_right {display: flex;flex-wrap: wrap;flex:1;} .product-price .ny_right .picture {width: 580px;margin-right: 40px;padding-right: 40px;border-right:1px solid #e5e5e5;box-sizing:content-box;} .product-price .ny_right .picture .img,.product-price .ny_right .picture .img img {width: 100%;} .product-price .ny_right .picture ul {width: 100%;margin-top: 12px;} .product-price .ny_right .picture ul li {float: left;width: 90px;height: 90px;border:1px dashed #bcbcbc;margin:3px;position: relative;} .product-price .ny_right .picture ul li span {width: 18px;height: 18px;line-height: 18px;text-align: center;color: #fff;font-size: 12px;background-color: #000;border-radius: 50%;display: block;position: absolute;right: 5px;bottom: 5px;} .product-price .ny_right .price-table {flex:1;max-width: 740px;margin:0 auto;} .product-price .ny_right .price-table .title {font-size: 16px;font-weight: bold;} .product-price .ny_right .price-table table {width: 100%;} .product-price .ny_right .price-table table th {font-size: 15px;border:1px solid #cfcfcf;background-color: #f0f0f0;padding: 5px;} .product-price .ny_right .price-table table td {border:1px solid #cfcfcf;padding: 5px;text-align: center;} .product-price .ny_right .price-table .total {font-weight: bold;border-top: 1px solid #cfcfcf;text-align: right;margin-top: 20px;padding-top: 10px;} .prodcts-vr {width: 100%;height: 100vh;} .prodcts-vr iframe {width: 100%;height: 100%;} .product-image {height: 100vh} .product-image .image-swiper {height: 100%;background-color: #3c3c3c;padding-bottom: 35px;} .product-image .content-sm {width: 70%;height: 100%;margin:auto;} .product-image .image-swiper .swiper-container {width: 100%; height: 100%;} .product-image .image-swiper .swiper-container .swiper-slide {display: flex;align-items: center;justify-content: center;} .product-image .image-swiper .swiper-container.gallery-top .swiper-slide img {max-height: 100%;} .image-gallery {position: fixed; left: 0; bottom: 0;z-index: 9; width: 100%;background-color: rgba(255,255,255,0.75); } .image-gallery .gallery-thumbs {height: 100%; box-sizing: border-box; padding: 10px 0; } .gallery-thumbs .swiper-slide {width: 25%; height: 100%; background-color: #3c3c3c; overflow: hidden; } .gallery-thumbs .swiper-slide img {width: 100%;height: 100%;object-fit: cover;} .gallery-thumbs .swiper-slide-thumb-active { border: 5px solid #9b8369;} .gallery-top, .gallery-top .album-image-md, .gallery-top .album-image-md .album-image-bd {width: 100%; height: 100%;position: relative;} .gallery-top .album-image-md .album-image-bd {display: flex; align-items: center; justify-content: center; } .gallery-top img {max-height: 100%;} .album-image-nav{position:absolute; z-index:2; top:0; left:0; margin:0; padding:0; width:100%; height:100%;} .album-image-nav .swiper-button-prev {left: -50px;} .album-image-nav .swiper-button-next {right: -50px;} .album-image-nav .swiper-button-prev:hover,.album-image-nav .swiper-button-next:hover{color:#9b8369;} .image-gallery .album-carousel {width: 100%;height: 0;} .image-gallery .album-carousel.autoheight {height: 100px;padding:10px 0px;} .image-gallery .album-carousel .album-carousel-zone {position: relative; z-index: 1; float: left; margin: 0; width: 100%;height: 100%;overflow: hidden; } .image-gallery .album-carousel .album-carousel-list {position: absolute; z-index: 2; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; } .image-gallery .album-carousel .album-carousel-list li {width: 80px; height: 80px;line-height: 80px; overflow: hidden; position: relative; z-index: 3; float: left; margin: 0px; list-style-type: none; display: flex; align-items: center; } .image-gallery .album-carousel .album-carousel-list li a {display: block; width: 76px; height: 76px; border: 5px solid #fff; background-repeat: no-repeat;background-size: cover;background-position: center; } .image-gallery .album-carousel .album-carousel-list li.album-carousel-thumb-selected a { border-color: #9b8369;} .image-gallery .album-carousel .album-carousel-list li a img {width: 100%;height: 100%;object-fit: cover;} .image-gallery .toolbar {text-align: center; border-bottom: 1px solid #aaa; height: 34px; line-height: 34px; overflow: hidden; } .image-gallery .toolbar .bar-btn {display: inline-block; padding: 0 16px 0 15px; height: 36px; line-height: 36px; vertical-align: top; margin: 0; outline: 0; overflow: visible; position: relative; text-decoration: none; cursor: pointer; _height: 25px; _margin-top: 10px; -webkit-transition: background-color .2s ease-in; transition: background-color .2s ease-in; } .toolbar .bar-btn .b-before {content: "."; display: block; position: absolute; left: -1px; top: 9px; width: 1px; height: 18px; overflow: hidden; background-color: #aaa; } .toolbar .bar-btn i { display: inline-block; vertical-align: middle; width: 20px; height: 17px; overflow: hidden; margin-left: 5px; background: url(//img1.bdstatic.com/static/searchdetail/widget/toolbar/imgs/toolbar_ic_0d981be.png) no-repeat left center transparent; _background-image: url(//img0.bdstatic.com/static/searchdetail/widget/toolbar/imgs/toolbar_ic_8_38206a5.png); } .toolbar .btn-handler i { margin-left: 4px; background-position: 0 -60px; } .toolbar .btn-handler.docked i { background-position: -20px -60px; } .toolbar .btn-fullscr i { width: 12px; background-position: -40px 1px; } .toolbar .btn-exitfullscr i { background-position: -40px 1px; } .product-image .location {padding: 30px 10px;flex:1;} .product-image .location a {color: #fff} .product-image .location a+a:before {color: #fff;} .product-image .image-info {padding: 30px 30px 30px 10px;position: relative;flex:1;} .product-image .image-info .name {color: #fff;font-size: 18px;padding-right: 40px;} .product-image .image-info .image_share {position: absolute;right: 15px;top: 50px;} .product-image .image-info .image_share a {display: flex;align-items: center;justify-content: center;color: #fff;width: 35px;height: 35px;padding: 5px;margin:15px 0px;border-radius: 50%;background-color: #62625f;background-image: none;} .product-image .image-info .image_share a img {pointer-events: none;} .product-image .image-info .image_share a i {font-size: 21px;text-decoration: none !important;} .product-image .image-info .image_share a:hover {text-decoration: none !important;} .product-image .image-info .image_share a.like_btn.on {color: #9b8369;} .product-image .links,.product-price .links,.product-table .links,.prodcts-vr .links {position: fixed;right: 0;bottom: 70px;z-index: 1;background-color: rgba(255,255,255,0.8);} .product-image .links a,.product-price .links a,.product-table .links a,.prodcts-vr .links a {display: block;height: 50px;line-height: 30px;font-size: 18px;padding: 10px 20px;} .product-image .links a:hover,.product-price .links a:hover,.product-table .links a:hover,.prodcts-vr .links a:hover {background: rgba(0,0,0,0.8);color: #fff;} .product-image .links a i,.product-price .links a i,.product-table .links a i,.prodcts-vr .links i {display: inline-block;vertical-align: middle;} .search_ul li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;} .search_ul li *{ color: #666;font-size: 16px;} .search_ul li time{ position: absolute; right: 0; top: 10px; display: block;} .search_ul li a{position: relative; display: block; width: 100%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 15px; } .search_ul li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px;} .search_ul li a:hover{ color: #a9957e;} /**悬浮框**/ .sidebar{position:fixed;right: 0;bottom:300px;width:50px;z-index:1001;} .sidebar ul li{background: #b9ab9d;width:50px;height:50px;line-height: 50px;margin:2px 0;transition: width 0.6s;-moz-transition: width 0.6s;-webkit-transition: width 0.6s;-o-transition: width 0.6s;float: right;position:relative;} .sidebar ul li:hover{background:#a58e77;width:200px;} .sidebar ul li:first-child:hover,.sidebar ul li:last-child:hover{padding-right: 0;width:50px;} .sidebar ul li a{color:#fff;font-size: 16px;display: block;white-space:nowrap;} .sidebar ul li span{display: inline-block;width:50px;height:50px;vertical-align: top;} .sidebar ul li .switch{background: url(../images/sidebar06.png) center center no-repeat;} .sidebar ul li .tel{background: url(../images/sidebar01.png) center center no-repeat;} .sidebar ul li .qq{background: url(../images/sidebar02.png) center center no-repeat;} .sidebar ul li .mail{background: url(../images/sidebar03.png) center center no-repeat;} .sidebar ul li#return_top a{text-align: center;font-size: 26px;} .sidebar ul li .ewm{background: url(../images/sidebar05.png) center center no-repeat;} .sidebar ul li.float_ewm:hover{width:50px;} .sidebar ul li .ewm2{position:absolute;right:70px;bottom:-60px;width:140px;padding:10px;background:#b9ab9d;display:none;} .sidebar ul li .ewm2:after{content:"";width:16px;height:16px;background:#b9ab9d;position:absolute;right:-8px;top:50%;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:-8px;} .sidebar ul li .ewm2 img{width:120px;height:120px;} .sidebar ul li .ewm2 p{font-size:12px;line-height:20px;color:#fff;margin-top:5px;text-align:center;} .sidebar ul li.float_ewm:hover .ewm2{display:block;} .sidebar ul li#switch{width:50px;} .feedback {display: flex;align-items: center;justify-content: center;width: 100%;min-height: 100vh;background-image: url(../images/design_bg.jpg);background-repeat: no-repeat;background-size: cover;} .feedback_content {width: 480px;background-color: #fff;border-radius: 12px;padding: 40px;} .feedback_content .content {width: 320px;margin:auto;} .feedback_content .content .title {color: #333;font-size: 34px;border-bottom: 1px solid #c9c9c9;text-align: center;margin-bottom: 30px;padding-bottom: 10px;font-weight: bold;} .feedback_content .content .form-control {border-radius: 10px;} .feedback_content .content .btn {width:100%;height: 40px;background-color: #b9ab9d;border-radius: 10px;color: #fff;} /*登录*/ .login-page {background-color: #f6f6f6;height: 100%;min-height: 680px;display: flex;align-items: center;} .login-warp {width: 480px;margin:auto;padding:30px;background-color: #fff;border-radius: 12px;} .login-warp .h {margin-bottom: 40px;text-align: center;font-size: 18px;} .login-warp p {text-align: center;color: #666} .login-warp p font {color: #309ce7;} .login-warp .login_form {width: 280px;margin:auto;} .login-warp .login_form .logininput {margin-top: 15px;height: 40px;} .login-warp .login_form .logininput .form-verify {float: left;width: 170px;} .login-warp .login_form .logininput img.form-control {float:right;width: 100px;padding: 0px;cursor: pointer;} .login-warp .login_form .loginbtn {margin-top: 30px;margin-bottom: 45px;} .login-warp .login_form .loginbtn input {color: #fff;font-size: 16px;width: 100%;height:40px;background-color: #fa9c00;border-radius: 0.25rem;} .cover-pannel {width: 100%; height: 100%; position: fixed; top: 0; left: 0;opacity: 0;visibility: hidden;background: rgba(0,0,0,0.7); z-index: 1119;overflow: hidden;font-size: 0.7rem;-webkit-transition: opacity .5s ease,visibility .5s ease; transition: opacity .5s ease,visibility .5s ease;} .cover-pannel .close-f-btn {position: absolute; top: 50%; left: 0; margin-top: -2rem; width: 20%; text-align: center; } .cover-pannel .close-f-btn i {display: block;color: #fff;font-size: 24px;} .cover-pannel .close-f-btn span {display: block;color: #fff;font-size: 0.7rem;} @media (min-width: 576px) { } @media (min-width: 768px) { .owl-product .owl-nav {position: absolute;right: -120px;top: 0;width: 110px;height: 100%;background:#cccacb;} } @media (min-width: 992px) { .header .navbar .container {position:relative;align-items: flex-end;} .caseInfo .righBox.infoBoxFixed .infoBox {position: fixed;top: 0;max-width: 210px;max-height: calc(100% - 150px);background-color: #fff;display: flex;flex-direction: column;} .caseInfo .righBox.infoBoxFixed .infoBox .desc {flex:1;overflow-y: auto;} .caseInfo .righBox.infoBoxFixed .infoBox .desc::-webkit-scrollbar { width: 3px; height: 3px; background-color: #F5F5F5 } .caseInfo .righBox.infoBoxFixed .infoBox .desc::-webkit-scrollbar-track { background-color: #E2E2E2 } .caseInfo .righBox.infoBoxFixed .infoBox .desc::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555 } .design_list .design_item .info {position: absolute;left: 0;bottom: 0;} .prolist-warp .owl-prolist .item {padding: 10px;} .owl-prolist .owl-nav .owl-next,.owl-prolist .owl-nav .owl-prev {top: auto;bottom: 30px;width: 60px;height:80px;background-image: url(../images/pro-arrows.png);background-repeat: no-repeat;} .owl-prolist .owl-nav .owl-next::after,.owl-prolist .owl-nav .owl-prev::after {display: none;} .owl-prolist .owl-nav .owl-prev {display: none;} .owl-prolist .owl-nav .owl-next {right: -80px;background-position: -60px 0px;} .product-price .ny_left .navFix { width: 135px; position: fixed; top: 0; background-color: #fff; z-index: 9; } .product-price .ny_right .picture .navFix { width: 400px; position: fixed; top: 0; background-color: #fff; z-index: 9; } .filter.filterFixed .filter-warp { position: fixed; top: 0; max-width: 175px } .filter_more {display: none;} } @media (min-width: 1200px) { .caseInfo .righBox.infoBoxFixed .infoBox {max-width: 277.5px;} } @media (min-width: 1600px) { .caseInfo .righBox.infoBoxFixed .infoBox {max-width: 370px;} .product-price .ny_right .picture .navFix { width: 580px; position: fixed; top: 0; background-color: #fff; z-index: 9; } .filter.filterFixed .filter-warp { position: fixed; top: 0; max-width: 236.66px; } } @media (max-width: 1600px) { .product-price .ny_right .picture {width: 400px;} .product-price .ny_right .picture ul li {width: 74px;height: 74px;} .news-warp .news-row .news-big {width: 700px;} .news-warp .news-row .news-smll {width: 500px;border-top-width: 4px;} .news-warp .news-row .news-smll ul li a {padding: 15px 20px;} .news-warp .news-row .news-smll ul li .img {height: 80px;} .header .navbar .logo {height: 55px;} .header .navbar .navbar-nav li.nav-item+li.nav-item {margin-left: 30px;} .header .navbar .search-warp {margin-left: 30px;} } @media (max-width: 1280px) { .header .navbar .navbar-nav li.nav-item+li.nav-item {margin-left: 20px;} .product-price .ny_right .picture {width: 100%;margin: 0px 0px 30px 0px;padding-right: 0px;border-right:none;} .product-table.flex {display: block; white-space: nowrap; overflow-x: auto; } .product-table .tr {flex:auto;display: inline-block;vertical-align: top;} .news-warp .news-row .news-big {width: 100%;} .news-warp .news-row .news-big .text h4 {font-size: 18px;margin-bottom: 5px;} .news-warp .news-row .news-big .text p {font-size: 14px;} .news-warp .news-row .news-smll {width: 100%;max-width: 100%;padding:0;margin-top: 15px;} .news-warp .news-row .news-smll ul li a {padding: 15px;} .news-warp .news-row .news-smll ul li .txt .select_text {font-size: 18px;margin-bottom: 10px;} .news-warp .news-row .news-smll ul li .txt .select_date {font-size: 14px;} .caseList.listfilter .content {padding-right: 15px;} .caseList.listfilter .content.col-lg-10 {flex: 0 0 100%;max-width: 100%;} /* .caseList.listfilter .filter {display: none;} .caseList.listfilter .filter.show {display: block;}*/ .filter_more { display: block; position: fixed; top: 180px; right: 0; width: 40px; min-height: 45px; padding: 3px 0px 0px; background: #b9ab9d; color: #fff; text-align: center; } .filter_more i {font-size: 18px;} .filter_more p {line-height: 100%;font-size: 13px;} .filter-warp {-webkit-overflow-scrolling: touch;height: 100%;width: 80%;background-color: #fff;overflow-y: auto;-webkit-overflow-scrolling: touch;overflow-x: hidden;position: fixed;top: 0;left: 100%;z-index: 9999;transition: 0.5s ease 0s;} .filter.show .cover-pannel {opacity: 1;visibility: visible;} .caseList.listfilter .filter.show .filter-warp {-webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);} .filter.show .filtrateRoot.show {-webkit-transform: translateX(-50%);transform: translateX(-50%);} } @media (max-width: 992px) { .header .navbar {padding: 0.5rem 1rem;height: auto;position: fixed;left: 0;top: 0;} .header .navbar .logo {height: 35px;} .header .navbar .logo img {height: 100%;} .header .navbar .navbar-right {display: flex;align-items: center;} .header .navbar .navbar-right form {display: none;} .navbar-right .search-form {margin-bottom: 0} .header .navbar .navbar-collapse {display: none;position:absolute;left: 0;top: 100%;z-index: 9;width: 100%;background-color: #fff;padding: 5px 15px;border-top: 1px solid #eee;box-shadow: 1px 2px 2px rgba(0,0,0,.1);} .header .navbar .navbar-nav li.nav-item {padding: 5px 0px 15px;} .header .navbar .navbar-nav li.nav-item+li.nav-item {margin-left: 0;} .header .navbar .search-warp {width: 100%;margin:0;text-align: center;padding:10px 0px 20px;} .header .navbar .search-warp .search-click {font-style: italic;font-size: 18px;} .header .navbar .navbar-nav li.nav-item>a {display: inline-block;} .header .navbar .navbar-nav li .dropdown-menu { text-align: center; border:none; -webkit-transform: translate(0,0); transform: translate(0,0); } #main,.index-banner {margin-top: 51px;} #main .floor {padding: 20px 0px;} .about-nav .nav-floor.navFix{top: 51px;border-top: 1px solid #eee;} .about-nav ul li {margin:0 5px;} .about-nav ul li a {font-size: 15px;} .about-nav .nav-floor.navFix ul li a {font-size: 15px;height: 50px;line-height: 50px;} .about-wrap .about-inner {flex-wrap: wrap;margin-bottom: 20px;} .about-wrap .inner-nav {width: 100%;padding:25px 15px;display: none;} .about-wrap .inner-nav span {height: auto; line-height: 100%; transform: rotate(0deg); display: inline-block;text-align: left;} .about-wrap .inner-nav p {text-align: right;display: inline-block;} .about-wrap .inner-nav p:before {display: inline-block;width: 50px;height: 1px;} .about-wrap .about-inner .about-text {padding: 0;} .about-wrap .floor .h {margin-bottom: 20px;} .about-wrap .floor .h p {letter-spacing: 0;} .about-wrap .floor .h span {font-size: 36px;} .main-preview-player {height: 300px;} .videojs-hero-overlay .videojs-hero {height: 100%;} .team_inner .team-row {width: 100%;} .owl-team .owl-nav .owl-next, .owl-team .owl-nav .owl-prev {top: 25%;font-size: 24px} .owl-team .owl-nav .owl-next {right: 0px;} .owl-team .owl-nav .owl-prev {left: 0px;} .owl-honor .owl-nav .owl-next {right: 0px;} .owl-honor .owl-nav .owl-prev {left: 0px;} .cotnact_inner .item {padding:10px 20px;} .about_map {height: 400px;} .news-warp .news-row .news-big {height: auto;} .news-warp .news-row .news-big img {height: 250px;} .news-warp .news-list .h .clearfix {line-height: 40px;} .news-warp .news-list .h h4 {font-size: 20px;} .news-warp .news-list .h .line {width: 78px;height: 2px;} .news-warp .news-list .h a {font-size: 16px;} .news-warp .news-list .news-group.row {padding: 0;} .news-warp .news-list .row {margin:0;} .news-warp .news-list .news-group .item p {font-size: 14px;margin-top: 10px;line-height: 21px;} .news-warp .news-list .news-group .item {padding: 0;} .news-warp .news-list .news-hot {display: none;} .web-view .head {padding-bottom: 20px;margin-bottom: 20px;} .web-view .head h1 {font-size: 20px;} .web-view .head .info {margin-top: 20px;} .web-view .latest-news {margin-top: 25px;} .web-view .latest-news .h {font-size: 24px;margin-bottom: 30px;} .web-view .latest-news .item {margin-bottom: 15px;} .web-view .latest-news .item .date {margin:10px 0px 5px;} .web-view .latest-news .item h4 {font-size: 15px;margin-bottom: 5px;display: -webkit-box;-webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} #main.web-view .floor .content {padding: 20px 0px;} .web-view .titlB h5 {font-size: 20px;margin-bottom: 25px;} .web-view .floor .content .topin .topBox {padding: 15px;font-size: 15px;} .web-view .floor .content .list-row .listBox {flex-direction: column;} .web-view .floor .content .list-row .listBox>.textBox {padding: 15px;} .web-view .floor .content .list-row .listBox .icon {font-size: 24px;max-width: 30px;padding:10px 0px;} .web-view .floor .content .factFlex {flex-direction: column;} .web-view .floor .content .factTit .textBox {float: none;} .web-view .floor .content .factTit .icon {float: none;margin:auto;height: 50px;line-height: 50px;} .web-view .floor .content .factBox .item .txtBox,.web-view .floor .content .factBox .item .imgBox {float: none;width: 100%;} .web-view .floor .content .factBox .item .txtBox {padding:0px 0px 10px;} .web-view .floor .content .factBox .item .txtBox p {font-size: 15px;padding:12px 7px;} .web-view .floor .content .factBox .item .icon {width: 100%;} .web-view .floor .content .desList .item+.item {margin-top: 40px;} .web-view .floor .content .desList .item .imgBox,.web-view .floor .content .desList .item:nth-child(even) .imgBox {float: none;width: 100%;} .web-view .floor .content .desList .item .txtBox {position: static;transform: translate(0, 0);} .web-view .floor .content .desList .item .txtBox h4 {padding: 15px;margin: 0px;font-size: 18px;} .web-view .floor .content .desList .item .txtBox .con {width: 100%;padding:15px;min-height: 80px;} .web-view .floor .content .list-service ul {display: flex;justify-content:space-between;margin:0 -25px;} .web-view .floor .content .list-service ul li {margin:0;padding: 0 18px;flex:1;} .web-view .floor .content .list-service ul li.icon {display: none;} .web-view .floor .content .list-service ul li h5 {font-size: 16px;} .web-view .floor .content .list-service ul li span em {width: 100%;font-size: 14px;height: 50px;line-height: 40px;} .web-view .floor .content .priceList .price-item {width: 48%;} .web-view .floor .content .priceList .price-item .con {width: 100%;height: 660px;background-color: #eaeaea;padding: 20px;border-radius: 10px;} .web-view .floor .content .priceList .price-item .con .h {margin-bottom: 25px;} .web-view .floor .content .priceList .price-item .con .h h5 {color: #333;font-size: 18px;font-weight: bold;} .web-view .floor .content .priceList .price-item .con .h p {color: #333;font-size: 15px;font-weight: bold;} .web-view .floor .content .priceList .price-item .con .desc p {color: #333;font-size: 16px;} .web-view .floor .content .priceList .price-item .con .desc h4 {color: #b89867;font-size: 24px;line-height: 48px;font-weight: bold;} .web-view .floor .content .priceList .price-item .con .desc .padding {padding-top: 60px;} .design_head,.design_ketang .head {width: 100%;height: 40px;line-height: 40px;font-size: 24px;padding:0 10px;} .design_list {padding: 0 15px;} .design_list .design_item {padding-bottom: 20px;margin-bottom: 20px;} .design_list .design_item .img {width: 240px;} .design_list .design_item .text {margin: 0 0;margin-left: 15px;} .design_list .design_item .text h4 {margin-bottom: 5px;} .design_list .design_item .text h4 a {font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;} .design_list .design_item .text p {margin-bottom: 10px;display: -webkit-box;-webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .design_ketang {padding: 0 15px;border:none;} .case-banner .caseBox {height: auto !important;margin:15px auto;} .case-banner .row {padding: 40% 0;} /*.case-banner .caseBox.justify-start,.case-banner .caseBox.justify-end {justify-content: center;}*/ .caseList ul li .txtBox {padding: 15px;} .caseList ul li .txtBox .otherB .socB {margin-top: 5px;} .caseInfo .contBox {padding: 0 15px;} .caseForm .col-lg-9 {padding: 0 15px;} .caseInfo .righBox {} .caseInfo .righBox .location {display: none !important;} .caseInfo .righBox .infoBox {margin-top: 25px;} .caseForm {padding: 40px 0px;} .caseForm .h {font-size: 24px;margin-bottom: 20px;} .caseForm .comment .form-control {border-radius: 3px;} .caseForm .comment .form-control input {height: 40px;padding: 5px 10px;font-size: 14px;} .caseForm .comment .form-control input.subBtn {width: 80px;} .disList .itemBox .userB {width: 45px;} .disList .itemBox .txtBox {width: calc(100% - 60px);} .disList .itemBox .txtBox h5 {font-size: 16px;} .disList .itemBox .txtBox p {font-size: 14px;} .disList .itemBox .txtBox .orthB {margin-bottom: 15px;} .owl-prolist .owl-nav .owl-next, .owl-prolist .owl-nav .owl-prev {font-size: 30px;color: #9d856c;} .swiper-pro {height: 500px;} .swiper-pro img {width: 100%;height: 100%;object-fit: cover;} #main .location .peizhi {display: block;margin:10px 0px 0px;} .products-detail .info {width: 100%;} .products-detail .title {flex-wrap: wrap;font-size: 20px;} .products-detail .title i {font-size: 48px;} .products-detail .title div {padding:0 5px;} /*.products-detail .title .series {flex-basis: 100%;}*/ .products-detail .links {display: flex;justify-content: space-between;} .products-detail .links a {font-size: 16px;margin:0 10px;} .products-detail .links a i {font-size: 38px;} .products-detail .desc {padding: 15px;} .products-detail .desc p {max-width: 100%;font-size: 16px;} .product-image .location {padding: 10px;height: 50px;} .product-image .content-sm {width: 100%;height: 100%;margin:auto;} .product-image .image-info {width: 100%;padding: 10px;} .product-image .image-info .image_share {position: static;} .product-image .image-info .image_share a {float: left;width: 30px;height: 30px;line-height: 28px;padding: 0;text-align: center;margin-right: 10px;} .product-image .image-info .image_share a img {width: 19px;height: 19px;} .product-image .image-info .image_share a i {font-size: 18px;margin:4px 2px;} .product-image .image-swiper {flex-wrap: nowrap !important;flex-direction: column;} .image-gallery {background-color: #fff;} .image-gallery .toolbar {border-color: #eee;} .image-gallery .content-sm {height: 100%;} .image-gallery .album-carousel .album-carousel-zone {overflow-x: auto;} .image-gallery .album-carousel .album-carousel-list li {width: 76px;height: 76px;} .image-gallery .album-carousel .album-carousel-list li a {border-width:3px;} .product-image .links,.product-price .links,.product-table .links,.prodcts-vr .links {bottom: 40%;} .product-image .links a, .product-price .links a,.product-table .links a,.prodcts-vr .links a {font-size: 15px;padding: 5px 6px;height: 30px;line-height: 20px;} .sidebar {margin:0;top: auto;bottom: 5px;} .sidebar ul li {display: none;} .sidebar ul li#return_top {display: block;width: 40px;height: 40px;line-height: 40px;} .sidebar ul li#return_top a {font-size: 20px;} .login-page {padding: 30px 15px;margin-top: 51px;} } @media (max-width: 768px) { .product-price .ny_left {width: 100%;margin:0px 0px 30px;position: relative;border-bottom: 1px solid #ccc;} .product-price .ny_left .top_com {background-color: transparent;} .product-price .ny_left .top_com p {font-size: 14px;} .product-price .ny_left .top_com .Footer-navarr {display: block;} .product-price .ny_left ul {display: none;margin:0;padding: 10px 0px;position: absolute;left: 0;top: 100%;width: 100%;background-color: #fff;z-index: 3;max-height: 350px;overflow-y: auto;} .product-price .ny_right .picture ul li {width: calc(16.666667% - 6px);} .pro-Box.flex {display: block;} .pro-Box .pro-head {width: 100%;display: block;float: none;margin-bottom: 20px;padding: 10px;} .pro-Box .pro-head span {font-size: 18px;} .pro-Box .pro-owl {width: 100%;float: none;} .owl-product .owl-nav .owl-next,.owl-product .owl-nav .owl-prev {width: 30px;height:30px;background-size: 60px;} .owl-product .owl-nav .owl-next::after,.owl-product .owl-nav .owl-prev::after {display: none;} .owl-product .owl-nav .disabled {display: none !important;} .owl-product .owl-nav .owl-prev {background-position: 0px -30px;} .video-pop .cu-dialog {width: 100%;height: 300px;} #main.about-wrap .floor {padding:40px 0px;} .web-view .latest-news .item .img {height: 88px;} .web-view .floor .content .priceList {display: block;} .web-view .floor .content .priceList .price-item {width: 100%;margin:30px 0px;} .web-view .floor .content .priceList .price-item .con {height: auto;} .web-view .floor .content .priceList .price-item .con .desc .padding {padding:20px 0px;} .web-view .floor .content .services-container {padding: 20px 0px;} .web-view .floor .content .servicesList .item {width: 50%;margin:20px 0px;} .web-view .floor .content .servicesList .item span {font-size: 15px;} .web-view .floor .content .proList {margin-right: -20px;} .web-view .floor .content .proList .item {width: calc(50% - 20px);height: auto;margin-right: 20px;margin-bottom: 20px;} .web-view .floor .content .proList .item span {font-size: 14px;} .web-view .floor .content .container-sm>.desc p {font-size: 14px;} .web-view .floor .pro-content {height: 500px;} .web-view .floor .pro-content .proText p {font-size: 16px;} } @media (max-width: 576px) { .header .navbar .container {display: flex;} .header .navbar .logo {flex:1;} .feedback_content {width: auto;background-color: #fff;border-radius: 12px;padding: 25px;margin:15px;} .feedback_content .content {width: 100%;margin:auto;} .feedback_content .content .title {font-size: 24px;} .pages a {margin:5px 3px;} .pages a.prev, .pages a.next {line-height: 40px;width: 60px;height: 40px;font-size: 14px;} .pages a.prev:after, .pages a.next:after {width: 40px;height: 40px;} .about-wrap .floor .h span {font-size: 24px;} .about-wrap .floor .h span:after {width: 6px;height: 6px;bottom: 7px;} .cotnact_inner .item {flex-basis: 100%;border:none;text-align: center;} .cotnact_inner .item .dt img {height: 35px;} .cotnact_inner .item .dt span {font-size: 14px;margin-top: 5px;} .cotnact_inner .item p {font-size: 15px;} .product-price .ny_right .picture ul li {height: 50px;} .about_map {height: 300px;} .news-warp .news-row .news-big img {height: 180px;} .news-warp .news-row .news-big .text {position: static;background-color: rgba(0,0,0,0.9);padding:10px;} .news-warp .news-row .news-big .text h4 {font-size: 16px;} .news-warp .news-row .news-big .text p {-webkit-line-clamp:1;} .news-warp .news-row .news-smll ul li .txt .select_text {font-size: 16px;} .news-warp .news-row .news-smll ul li .img {width: 100px;height: 80px;} .news-warp .news-row .news-smll ul li .txt {width: calc(100% - 110px);} .news-warp .news-row .news-smll ul li .txt .select_date {font-size: 13px;} .news-bottom .pag {width: 100%;margin-top: 10px;} .design_list .design_item .img {width: 100%;margin-bottom: 10px;} .design_list .design_item .text {margin:0;flex: auto;} .design_list .design_item .info {display: flex;flex-wrap: wrap;justify-content: space-between;} .design_list .design_item .info span {margin-top: 5px;} .design_ketang ul li {margin-top: 15px;padding-bottom: 15px;} .swiper-pro {height: 300px;} .swiper-pro .swiper-button-next,.swiper-pro .swiper-button-prev {color: #fff;top: auto;bottom: 15px;} .swiper-pro .swiper-button-next:after, .swiper-pro .swiper-button-prev:after {font-size: 24px;} .caseList.listfilter ul li .imgBox {height: 180px;} .caseList.listfilter ul li .txtBox {padding:10px;} .caseList ul li .txtBox {padding: 10px;} .web-view .floor .content .list-service ul li h5 {font-size: 15px;} .web-view .floor .content .list-row .listBox .textBox {padding: 12px;} .honor_inner .owl-honor .item {width: 32.63333%;} .honor_inner .owl-honor .item .img {height: 90px;} .honor_inner .owl-honor .item p {padding:3px 5px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;} .honor_inner .owl-honor .item:nth-child(4n) {margin-right: 0.666%;} .honor_inner .owl-honor .item:nth-child(3n) {margin-right: 0;} .owl-honor .owl-nav .owl-next {right: -15px;} .owl-honor .owl-nav .owl-prev {left: -15px;} .copyright {padding:15px 0px;} } @media (max-width: 325px) { .header .navbar {padding: 0.5rem 0.5rem;} .header .navbar .logo {height: 32px} .web-view .floor .content .list-row .listBox .icon {max-width: 20px;} .web-view .floor .content .list-row .listBox .textBox {padding:5px;} } /* -- flex弹性布局 -- */ .flex { display: flex; } .basis-xs { flex-basis: 20%; } .basis-sm { flex-basis: 40%; } .basis-df { flex-basis: 50%; } .basis-lg { flex-basis: 60%; } .basis-xl { flex-basis: 80%; } .flex-direction { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .align-start { align-items: flex-start; } .align-end { align-items: flex-end; } .align-center { align-items: center; } .align-stretch { align-items: stretch; } .self-start { align-self: flex-start; } .self-center { align-self: flex-center; } .self-end { align-self: flex-end; } .self-stretch { align-self: stretch; } .align-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .flex-sub { flex: 1; overflow: hidden; } #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease} #baguetteBox-overlay.visible{opacity:1} #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center} #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%} #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)} #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif} #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px} #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease} #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out} #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}} .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px} .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease} .baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)} .baguetteBox-button#next-button{right:2%} .baguetteBox-button#previous-button{left:2%} .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px} .baguetteBox-button svg{position:absolute;left:0;top:0} @-moz-keyframes buttonAnimationBefore { 0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); } 50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); } 100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } } @-webkit-keyframes buttonAnimationBefore { 0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); } 50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); } 100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } } @keyframes buttonAnimationBefore { 0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); } 50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); } 100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } } @-moz-keyframes buttonAnimationAfter { 0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); } 50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); } 100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); } } @-webkit-keyframes buttonAnimationAfter { 0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); } 50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); } 100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); } } @keyframes buttonAnimationAfter { 0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); } 50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); } 100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); } } @-moz-keyframes buttonAnimation { 0% {background: transparent; } 50% {background: rgba(255, 255, 255, 0); } 100% {background: rgba(255, 255, 255, 0); } } @-webkit-keyframes buttonAnimation { 0% {background: transparent; } 50% {background: rgba(255, 255, 255, 0); } 100% {background: rgba(255, 255, 255, 0); } } @keyframes buttonAnimation { 0% {background: transparent; } 50% {background: rgba(255, 255, 255, 0); } 100% {background: rgba(255, 255, 255, 0); } }