/*basic*/
body {font-size: .2rem;}
.main {padding: 0 .1rem;}
::-webkit-scrollbar {width: 0;}

/*head*/
.btn {height: .7rem;line-height: .7rem;font-size: .22rem;}
.btn:hover {transform: translateY(0);}

/*head*/
.head {height: .9rem;position: relative;}
.head-home {position: fixed;}
.logo {width: 1.6rem;height: .7rem;margin: .1rem .2rem;}

/*.menu {width: .9rem;height: .9rem;float: right;}*/
/*.menu span {width: .9rem;height: .9rem;line-height: .9rem;display: block;font-size: .6rem;text-align: center;}*/
/*.menu-cont {width: 100%;position: absolute;top: .9rem;left: 0;display: none;}*/
/*.menu-cont a {height: .8rem;line-height: .8rem;padding: 0;display:block;margin: 0;background: rgba(0,0,0,.9);color: white;border-bottom: 1px #222 solid;}*/
/*.menu-cont a.active,*/
/*.menu-cont a:hover {border:0;background: #4a5fe2;}*/

/*menu*/
.menu { margin-right: 5px;}
.menu-switch {color: #4a5fe2;}
.menu-cont span {display: none;}
.menu-cont li {display: block;width: 100%;overflow: hidden;}
.menu-cont li i {width: .7rem;display: block;float: right;line-height: .7rem;}
.menu-cont li a {text-align: left;}
.menu-cont li > a {color: white;padding: 0 .2rem;height: .7rem;line-height: .7rem;border: 0;font-size: .22rem;flex: 1;float: left;}
.menu-cont li > a.active,
.menu-cont li > a:hover {border-bottom-color: transparent;}
.menu-group {width: 100%;padding: 0;background: var(--333);padding: .2rem;}
.menu-cont li .menu-group a {width: auto;line-height: .6rem;padding: 0;font-size: .2rem;}
.menu-list {display: block;width: 33.33%;float: left;}
.menu-list h6 {line-height: .6rem;height: .6rem;padding: 0;font-size: .2rem;}
.menu-list a:hover {background-color: transparent;}

.product-cont {display: block;padding: .1rem;}
.product-cont li {border: 0;padding: 1px 0 .2rem;}
.product-cont li h5 {font-size: .3rem;padding: .2rem 0;}
.product-cont li p {padding: 0 .2rem;opacity: 1;}
.product-cont li i {width: 1.5rem;height: 1.5rem;margin: .3rem auto 0;}
.product-cont li:hover {background: #0aa0e8;transform: scale(1);border: 0;border-radius: 0;}
.product-cont li:hover h5 {padding: .2rem 0;}
.product-cont li:hover u {opacity: 1;}
/* link */
.link {margin: 0 0 1rem;}
.link li {width: 33.33%;padding: .05rem;}
.link li a {width: 100%;height: 1rem;}
.link li a:hover {box-shadow: 0 .1rem .2rem rgba(90,114,146,.2);}

.search {top: .9rem;width: 100%;background: #4a5fe2;display: none;}
.search input {height: .9rem;width: 100%;padding: 0 .2rem;color: white;}
.search input:focus {background: #4a5fe2;}
.search button {width: .9rem;height: .9rem;}
.search button i {font-size: .55rem;line-height: .9rem;color: white;}
.search-btn {width: .9rem;height: .9rem;line-height: .9rem;font-size: .55rem;display: block;}

/*title*/
.title {padding: .3rem 0;}
.title i {width: 1rem;height: .05rem;}
.title h3 {font-size: .4rem;padding: .2rem 0 0;}
.title h3 span {padding: 0 0 0 .1rem;}
.title h4 {font-size: .4rem;}
.title h4 a {float: inherit;display: block;padding: 0;line-height: .4rem;}

.title-group {padding: .2rem 0;margin: 0 0 .2rem;}
.title-group h5 {font-size: .34rem;border-left: .1rem #4a5fe2 solid;padding: 0 0 0 .2rem;}

/*home*/
.home-begin {width: 1rem;height: 1rem;bottom: .2rem;}
.home-begin cite {font-size: .6rem;}

.slogan-cont {height: 2rem;padding: .2rem;}
.slogan-cont i {width: 1rem;height: 1rem;margin: -.5rem .2rem 0 0;}
.slogan-cont h3 {font-size: .24rem;}
.slogan-cont h3 span {font-size: .2rem;padding: .1rem 0 0;}

.home-about h3 {width: 4rem;margin:.5rem auto 0;}
.home-about p {padding: .5rem;}
.home-about ul {display: block;}
.home-about ul li {width: 50%;float: left;overflow: hidden;padding: .1rem 0;}
.home-about ul li a {width: 1.8rem;height: 1.8rem;border: .03rem #4a5fe2 solid;padding: .1rem;}
.home-about ul li a span {background: #4a5fe2;}
.home-about ul li a span i {font-size: .5rem;margin: .3rem 0 0;}
.home-about ul li a span em {font-size: .22rem;}

.home-circular {background-position: left center}
.home-circular .main {display: block;}
.home-circular .title {width: 100%;margin: auto;}
.home-circular .title-left {text-align: center;}
.home-circular .title span {display:inline-block;padding: 0 0 0 .1rem}
.home-shades {width: 100%;height: 5.5rem;}
.home-shades li {width: .6rem;margin: 0 .02rem;padding:.3rem .1rem;}
.home-shades li h4,
.home-shades li a {line-height: .4rem;}
.home-shades li h4 {font-size: .3rem;border-top: .05rem #4a5fe2 solid;padding: .2rem 0;}
.home-shades li a {font-size: .2rem;bottom: .3rem;}
.home-shades li.active span {display: none;}
.home-shades li.active h4 {padding: .1rem .2rem;}
.home-shades li.active a {padding: 0 .2rem 0;font-size: .18rem;}


.home-building .main {display: block;}
.home-building .title {width: 100%;margin: auto;}
.home-building .title-left {text-align: center;}
.home-building .title span {display:inline-block;padding: 0 0 0 .1rem;}
.home-building .title a {display: none;}
.home-materials {height: 5rem;}
.home-materials li a i {font-size: .6rem;margin: 0;line-height: 5rem;}
.home-materials li a span {display: none;}

.home-design h2 {width: 6rem;height:.9rem;line-height: .9rem;margin: 2rem auto .8rem;font-size: .3rem;}
.home-design h2 span {padding: 0 0 0 .1rem;}
.home-design h2 em {padding:  0 .4rem 0 0;}
.home-figure {width: 100%;height: 100%;background-position: left bottom;}
.home-figure-cont {width: 100%;height: 3rem;margin: 0;padding: .3rem .2rem 1rem;position: absolute;left: 0;bottom: 0;}
.home-figure-cont i {border-width: 0 .15rem .15rem .15rem;border-color: transparent transparent rgba(255,255,255,.9) transparent;left: 50%;top: -.15rem;}
.home-figure-txt p {padding: 0 0 .1rem;}
.swiper-design {width: 100% !important;height: 70% !important;}
.swiper-slide img{max-width: 600px; height:160px;}

.home-vr > a {width: 5rem;font-size: .28rem;padding: 0 .1rem;background: #f53c49;
	background: -moz-linear-gradient(left, #f53c49 0%, #4a5fe2 100%);
	background: -webkit-linear-gradient(left, #f53c49 0%,#4a5fe2 100%);
	background: linear-gradient(to right, #f53c49 0%,#4a5fe2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f53c49', endColorstr='#4a5fe2',GradientType=1 );}
.home-vr > a i {line-height: .7rem;font-size: .4rem;}
.swiper-pagination {bottom: .2rem;}
.swiper-pagination-bullet {width: .7rem;height: .7rem;;line-height: .7rem;}
/*foot*/
.space {height: 1.2rem;}
.foot-title {line-height: 1.3rem;font-size: .26rem;}
.foot-tip {width: 2rem;top: -.8rem;}
.foot-tip i {border-width: .1rem 0 .1rem .1rem;bottom: .3rem;right: -.1rem;}
.foot-tip li {height: .8rem;line-height: .8rem;}
.foot-cont {padding: .3rem 0;}
.foot-nav {display: none;}
.foot-online {width: 100%;text-align:center;padding: 0;}
.foot-online h3 {font-size: .5rem;}
.foot-online h4 {font-size: .3rem;}
.copyright {height: .6rem;}
.copyright-cont {line-height: .6rem;}
.sns {display: none;}

/*banner*/
.banner {height:3rem; max-height:3rem; width:100%; max-width:640px;}
.banner-about {height: 3.8rem;}
.banner-solution {height: 3.8rem;}
.banner-art {height: 8rem;}
.banner-art span {width: .1rem;height: .6rem;left: .3rem;top: .5rem;}
.banner-art h4 {left: .3rem;bottom: .5rem;font-size: .4rem;border-left: .1rem white solid;padding: 0 .3rem;}
.banner-article {height: 1.8rem;}
.banner-class {height: 3rem;}
.banner-library {height: 3.8rem;}
.banner-new {height: 3.8rem;}
.banner-jishu {height: 3.8rem;}

.banner-library span {width: 1.2rem;height: 1.2rem;bottom: -.6rem;right: .2rem;}
.banner-flower {height:2.5rem;margin-top:40px;}
/*.banner-flower span {width: 4rem;padding: 0;}*/
.banner-flower em {margin: .2rem;width: 1.2rem;}

/*about*/
.about-slogan {height: 2rem;padding: 0 .1rem;}
.about-slogan h4 {font-size: .3rem;padding: .35rem 0 .1rem;}
.about-slogan span {font-size: .22rem;}
.about-slogan i {width: 1rem;height: 1rem;margin: .4rem 0;}

.about-tab li {height: 1rem;line-height: 1rem;font-size: .24rem;border-bottom: .03rem #ebeef3 solid;}

.about-about {padding: .8rem 0;}
.about-about .main {padding: 0 .1rem;}
.about-about .title-left {text-align: center;margin: auto;}
.about-cont {width: 100%;height: 4rem;padding: .15rem;}
.about-txt {padding: .1rem}
.about-txt p {padding: .1rem 0;}
.about-img {width: 100%;height: 4rem;position: inherit;background-size: cover;margin: auto;right: auto;}
.about-img span {border-width: 0 0 1rem 1rem;right: -.1rem;bottom: -.1rem;}

.about-corporate {padding: .6rem 0;}
.about-corporate .main {display: block;}
.about-corporate .title {width: 100%;}
.about-corporate .title-left {text-align: center;margin: auto;}
.about-culture {padding: .5rem 0 ;}
.about-culture p {text-align: center;}

.about-worth {width: 100%;}
.about-worth li {width: 50%;padding: .1rem;}
.about-worth li a {height: 2.4rem;padding: .1rem;}
.about-worth li a h5 {font-size: .3rem;padding: .4rem 0 .2rem;}
.about-worth li a h6 {font-size: .22rem;}

.about-honor {padding: .5rem 0;}
.about-honor .title {width: 100%;padding: .5rem 0;}
.about-honor .title-left {text-align: center;margin: auto;}
.about-honor-tab {width: 100%;height: 6rem;}
.about-honor-list {width: 1.4rem;}
.about-honor-list li {height: .6rem;line-height: .6rem;margin: .2rem 0;}
.about-honor-list li i {border-width: .1rem 0 .1rem .1rem;left: -.2rem;margin: -.1rem 0 0;}
.about-honor-cont {width: calc(100% - 1.6rem);border-right: .05rem #4a5fe2 solid;padding: .1rem;}
.about-honor-cont li {padding: .1rem;}

.about-news {padding: .5rem 0 1rem;}
.about-news .main {display: block;}
.about-news .title-left {text-align: center;margin: auto;}
.about-list li {margin: 0;}
.about-list li a {height: .6rem; line-height: .6rem;}
.about-list li span {padding: 0 .2rem 0 0;line-height: .6rem;}

.about-light {width: 100%;height: 6rem;margin: .2rem 0;}
.about-light .gallery-thumbs {padding: .1rem 0;}

.about-mail {padding: 1rem 0 1.4rem;}
.about-mail-cont {padding: .5rem .3rem;width: 95%;margin: auto;display: block;}
.about-mail-cont input {height: .7rem;}
.about-mail-cont .btn {width: 1.4rem;margin: .2rem 0 0 .2rem;}

 .about-contact {padding: .2rem 0;}
    .about-map {height: 5rem;margin: .3rem 0;}
    .about-contact-cont {display: block;}
    .about-contact-cont .title {padding: .2rem 0;}
    .about-contact-cont .title h3 {font-size: 26px;}
    .about-contact-cont .title span {font-size: .2rem;}
    .about-information {width: 100%;}
    .about-information ul li {margin: .1rem;}
    .about-information ul li i,
    .about-information ul li a {margin-right: .1rem;}
    .about-qr {padding: .5rem 0;}
    .about-qr a em {width: 2rem;}
    .about-message button {padding: 0 .4rem;}

/*art*/
.art-info {padding: .5rem 0 .6rem;}
.art-info li {width: 100%;height: auto;padding: .4rem .3rem;}
.art-info li:last-child {height: 3.5rem;}
.art-info1 {padding: .5rem 0 .6rem;}
.art-info1 li {width: 100%;height: auto;padding: .4rem .3rem;}
.art-info1 li:last-child {height: 3.5rem;}
.art-info2 {padding: .2rem 0 .6rem;}
.art-info2 li {width: 100%;height: auto;padding: .4rem .3rem;}
.art-info2 li:last-child {height: 3.5rem;}

.art-info li video{width: 100%;}
.art-list {padding: .4rem 0;}
.art-list .swiper-slide {height: 3rem;}

.art-huatai {padding: .8rem .3rem;background-position: left center;}
.art-huatai .title h3 span {display: block;padding: 0 0 .3rem;}
.art-huatai .title p {margin: .7rem 0 0;}

.art-activities {padding: .8rem 0;}
.art-activities li {width: 50%;width: 100%; padding:.5rem .3rem;}
.art-activities li a {padding: 0 0 .6rem;}
.art-activities li em {height: 3.5rem;}
.art-activities li h4 {height: 1rem;font-size: .3rem;padding: .1rem;}
.art-activities li p {padding: .1rem;height: 1.8rem;}
.art-activities li span {width: 1rem;height: 1rem;right: .3rem;bottom: -.5rem;}
.art-activities li i {line-height: 1rem;font-size: .5rem;}
/*art-library*/
.art-library {padding: .8rem 0;}
.art-library li {width: 50%;width: 100%; padding:.5rem .3rem;}
.art-library li a {padding: 0 0 .6rem;}
.art-library li em {height: 3.5rem;}
.art-library li h4 {height: 1rem;font-size: .3rem;padding: .1rem;}
.art-library li p {padding: .1rem;height: 1rem;}
/* trade */
.trade {margin: 0 0 .3rem;}
.trade-nav li {margin: 0 .1rem;}
.trade-nav li a {line-height: .6rem;padding: 0 .3rem;font-size: .24rem;}

.trade-group {padding: .5rem 0;}
.trade-group p {font-size: .2rem;line-height: .4rem;padding: .05rem 0;width: 80%;}


.art-design {margin: .4rem 0;height: 15rem;}
.art-design li {padding: .03rem;height: 3rem;}
.art-design li a i {font-size: .6rem;line-height: 3rem;}
.art-title {height:3rem;top: 6rem;}
.art-title h3 {font-size: 1.2rem;padding: .2rem 0 .1rem;}
.art-title h3 span {top: .65rem;font-size: .35rem;width: 2.7rem;height: .4rem;line-height: .4rem;padding: 0;}

/*crumb*/
.crumb {height: .6rem;}
.crumb i,
.crumb a {line-height: .6rem;}
.crumb i {width: .6rem;height: .6rem;font-size: .3rem;}

/*article*/
.article {padding: .6rem 0;}
.article-title h2 {font-size: .4rem;padding: .2rem 0;margin: 0 0 .2rem;}
.article-title i,
.article-title span {line-height: .4rem;}
.article-title i {width: .5rem;height: .4rem;font-size: .24rem;}
.article-cont {padding: .5rem 0;}
.article-cont p {padding: .1rem;}
.article-page {display: none;}

/*artist*/
.artist .swiper-slide,
.artist .artist-main {width: 100%;}
.artist-art em {width: 100%;height: 70vh;;margin: 0 0 .3rem}
.artist-art h5 {font-size: .3rem;padding: .1rem 0;}
.artist-bg {display: none;}
.artist-cont {width: 100%;}
.artist-head {padding: 0 .2rem;}
.artist-logo {width: 3rem;height: .8rem;}
.artist-head i {line-height: .8rem;}
.artist-portrait {width: 2.4rem;height: 2.4rem;border: .05rem #6e7ee7 solid;margin: 0 auto 1rem;}
.artist-txt h3 {font-size: .36rem;padding: .2rem 0;}
.artist-btn {width: 1rem;height: 1rem;line-height: 1rem;font-size: .6rem;right: auto;bottom: 0;}
.artist-info {width: 100%;left: 0;padding: .5rem;z-index: 3;background: rgba(255,255,255,.95);}
.artist-info h4 {font-size: .4rem;padding: .3rem 0;}
.artist-info span {padding: 0 .2rem 0 0;}
.artist-next {width: .6rem;height: .6rem;line-height: .6rem;margin: -.3rem 0 0;font-size: .6rem;right: 0;}

/*page*/
.page {padding: .4rem 0;}
.page a {width: .8rem;height: .8rem;line-height: .8rem;display: none;}
.page a:first-child,
.page a:last-child {display: inline-block;}
.page i {line-height: .8rem;}

/*business*/
.business-tab {display: flex;}
.business-tab a {width: 100%;height: .9rem;line-height: .9rem;font-size: .24rem;}
.business-tab a i {border-width: 0 .1rem .1rem .1rem;}

.business-group {padding: .2rem 0;}
.business-group em {width: 1.2rem;height: 1.2rem;margin: 0 .1rem 0 0;}
.business-info h4 {font-size: .3rem;padding: 0 0 .1rem;}
.business-substance {padding: .1rem 0;display: block;}

.business-txt p {padding: .05rem 0;}
.business-txt span {padding: 0 .2rem;border-radius: .25rem;margin: 0 .1rem 0 0;}
.business-txt cite {height: auto;line-height: .5rem;margin: .1rem 0;padding: .15rem;}
.business-txt cite i {width: .5rem;line-height: .5rem;}

.business-list {width: 100%;margin: .1rem 0;display: block;}
.business-list li {width: 50%;padding: .05rem;float: left;}

.business-compy {padding: .4rem 0;}
.business-nummber {padding: .2rem 0;}
.business-nummber li span {padding:.1rem 0;}
.business-nummber li h4,
.business-nummber li h5,
.business-nummber li h6 {font-size: .4rem;}

/*tuglie*/
.tuglie {padding: .2rem 0;}
.tuglie-cont {padding: .2rem 0;}
.tuglie-cont li {width: 50%;padding: .1rem;}
.tuglie-cont li a em {height: 2rem;}
.tuglie-cont li a em i {display: none;}
.tuglie-cont li a h4,
.tuglie-cont li a h5,
.tuglie-cont li a h6 {margin: .15rem 0 .1rem;height: .28rem;line-height: .28rem;}
.tuglie-cont li a h4 {font-size: .24rem;}
.tuglie-cont li a h5 {font-size: .22rem;}
.tuglie-cont li a h6 {font-size: .22rem;}

/*video*/
.video-light {height: 5rem;}
.video-block {padding: .5rem 0 .2rem;}
.video-block li {width: 50%;float: left;padding: .1rem;}
.video-block li a {width: 100%;height: 1.8rem;}
.video-block li a span {padding: .2rem;font-size: .3rem;}

/*navigation*/
.navigation {height: calc(100% - .9rem)}

/*waterfall*/
#fh5co-main {padding: .2rem 0;}
#fh5co-board .item { margin: .1rem;}
#fh5co-board .item .fh5co-desc {padding: .1rem;line-height: .3rem;}
#fh5co-board .item .fh5co-desc h5 {padding: .1rem 0;font-size: .26rem;}
.fh5co-board-img span {display: none;}

/*case*/
.case-title {padding: .4rem 0;}
.case-title h5 {padding: .1rem 0;font-size: .3rem;}
.case-select {margin: 0 0 .4rem;}
.case-select li {width: 100%;margin: .1rem 0;}
.case-select li select {height: .8rem;padding: 0 .8rem 0 .2rem;font-size: .24rem;}
.case-select li i {width: .8rem;line-height: .8rem;}

.case-design {padding: 0;}
.case-design .swiper-container {padding: .6rem 0;}
.case-design .swiper-slide {width: 100%;height: 5.3rem;padding: .1rem;display: block;}
.case-design .swiper-slide u {height: .2rem;box-shadow: 0 .1rem .15rem #ced5e0;}

.case-info {width: 2rem;padding: .1rem;float: left;}
.case-info i {width: 1.8rem;height: 1.8rem;margin: .2rem auto 0;}
.case-info h6 {padding: .1rem 0;}
.case-txt {width: calc(100% - 2rem);float: right;padding: .1rem;}
.case-case {width: 100%;float: left;display: flex;}
.case-case li {width: 100%;padding: .1rem;}
.case-case li a {height: 1.8rem;}

.case-cont {padding: .1rem .1rem .3rem;}
.case-light {width: 100%;flex: 1;margin: 0 0 .2rem;}
.case-light h3 {font-size: .26rem;height: .7rem;line-height: .7rem;padding: 0 0 0 .2rem;}
.case-light h3 a,
.case-light h3 a i {width: .7rem;height: .7rem;line-height: .7rem;font-size: .3rem;}

.case-album {height: 8rem;padding: 0 .1rem;}
.case-album .swiper-slide img {max-width: 90%;max-height: 90%;}
.case-album .gallery-thumbs {padding: .1rem 0;}
.case-album .swiper-button-next,
.case-album .swiper-button-prev {display: none;}

.sider {width: 100%;margin: 0;}
.sider-group {margin: 0 0 .1rem;}
.sider-group h4 {font-size: .3rem;height: .8rem;line-height: .8rem;padding: 0 0 0 .2rem;}
.sider-group h4 a,
.sider-group h4 a i {width: .8rem;height: .8rem;line-height: .8rem;}
.sider-info {padding: .1rem;}
.sider-info li {height: .5rem;line-height: .5rem;}
.sider-info li span {width: 1rem;}
.sider-list {padding: .1rem;}
.sider-list li {padding: .1rem;}
.sider-list li a {height: 1.8rem;}
.sider-list li i {display: none;}

/*stone*/
.stone-screen {margin: .5rem 0 .3rem;background: none;}
.stone-screen li {width: 100%;height: .7rem;overflow:inherit;margin: 0 0 .1rem;}
.stone-screen li span {height: .7rem;line-height: .7rem;width: 100%;text-align: left;padding: 0 0 0 .2rem;}
.stone-screen li span i {width: .7rem;height: .7rem;line-height: .7rem;display: block;float: right;}
.stone-screen-list {width: 100%;position: absolute;left: 0;top: .7rem; padding: 0;box-shadow: 0 .05rem .15rem rgba(185, 190, 219, 0.3);background: white;display: none;z-index: 3;}
.stone-screen-list a {width: 50%;height: .7rem;line-height: .7rem;padding: 0 .2rem;margin: 0;border-bottom: 1px #eee solid;}

.stone-condition {display: flex;}
.stone-condition a {width: 100%;font-size: .2rem;}
.stone-condition a i {line-height: .7rem;margin: 0 .1rem 0 0;font-size: .3rem;}

/*classroom*/
.classroom-info {padding: .2rem 0 .6rem;}
.classroom-info h4 {font-size: .4rem;padding: .2rem 0;}
.classroom-info p {padding: .1rem 0;}
.classroom-info span {width: 95%;height: 4rem;margin: .3rem 0 .3rem .3rem;}
.classroom-info span i {position: absolute;left: -.2rem;top: -.2rem;border-width: 0 0 1rem 1rem;}
.classroom-info .title-group {padding: .3rem 0;float: left;width: 100%;}

.classroom-case {padding: .4rem 0;}
.classroom-title {padding: .2rem 0;}
.classroom-title h4 {font-size: .4rem;padding: 0 .4rem;border-width: 0 .06rem 0 .06rem;}
.classroom-light .swiper-slide {height: 4rem;}
.classroom-light .swiper-container {padding: .3rem 0;}

/*design*/
.star {height: calc(100% - .9rem);}
.star-cont {display: block;padding: 0;}
.star-cont i {width: 1.2rem;height: 1.2rem;top: .0rem;}
.star-info {width: 100%;position: absolute;left: 0;bottom: 1.9rem;padding: .2rem;background: rgba(0,0,0,.7);}
.star-info h4 {font-size: .4rem;}
.star-info h5 {font-size: .4rem;}
.star-txt {margin: .1rem 0 0;padding: 0;}
.star-txt p {color: white;opacity: .3;}
.star-lead {width: 100%;height: 100%;}
.star-viewpoint {padding: .2rem;overflow: auto;height: 1.9rem;}
.star-viewpoint span {display: none;}

.design-top {padding: .6rem 0;}
.design-top a {width: 100%;float: left;padding: 0 .2rem;}
.design-top a span {width: 50%;height: 2.2rem;margin: 0 0 .3rem;}
.design-top a span em {line-height: 2.2rem;font-size: 1.8rem;}
.design-top-cont {padding: .2rem;}
.design-top-cont h5 {height: auto;line-height: .6rem;font-size: .26rem;}
.design-top-cont p {height: auto;line-height: .4rem;}
.design-top a:first-child {padding: 0 .2rem;margin: 0 0 .3rem;}
.design-top a:first-child span {height: 2.5rem;}

.design-artist-cont {padding: .2rem 0 .5rem;}
.design-letter {display: block;}
.design-letter li {width: 12.5%;float: left;}
.design-letter li a {width: .7rem;height: .7rem;line-height: .7rem;font-size: .3rem;}
.design-design {padding: .3rem 0;}
.design-design a {width: 33.33%;}
.design-design a em {width: 1.5rem;height: 1.5rem;}
.design-design a em i {display: none;}
.design-design a span {font-size: .24rem;padding: .1rem 0;}

.design-activit {margin: 0 0 .4rem;padding: .2rem 0;}
.design-activit .swiper-container {padding: .1rem 0 .7rem;}
.design-activit .swiper-slide {padding: 0;}
.design-activit-cont {width: 60%;padding: .3rem;}
.design-activit-cont h4 {padding: .2rem 0 .3rem;font-size: .32rem;}

.design-synopsis {height: 6rem;padding: .8rem 0 0;}
.design-synopsis em {width: 2rem;height: 2rem;padding: .05rem;}
.design-synopsis h4 {font-size: .44rem;padding: .2rem 0;}
.design-synopsis span {padding: .2rem 0;}
.design-synopsis cite {height: .7rem;width: 90%;}

.design-brief {display: block;padding: .1rem;margin: 0 0 .4rem;}
.design-brief-list {width: 100%;}
.design-brief-list li {height: .5rem;line-height: .5rem;margin: .1rem;}
.design-brief-list li span {padding: 0 .2rem;}

.design-brief-light {width: 100%;height: 3rem;padding: .1rem;}
.design-brief-txt {padding: .1rem;}
.design-brief-txt h5 {font-size: .3rem;padding: .1rem 0;}
.design-brief-txt p {height: auto;padding: 0;}

/*furniture*/
.furniture-light {height: 3.8rem;}
.furniture-tuglie .tuglie-cont li em {height: 3.5rem;}
.furniture-cont {height: 5rem;margin:.3rem 0;padding: .5rem 0;}
.furniture-cont video {height: 4rem;}

/*news*/
.news-group {padding: .3rem 0;display: block;}
.news-group em {width: 100%;height: 2.5rem;}
.news-group em i {display: none;}
.news-txt h4 {font-size: .32rem;line-height: .5rem;}
.news-txt i {width: .5rem;height: .5rem;line-height: .5rem;}
.news-txt h4 i {font-size: .5rem;}
.news-txt p {padding: .2rem;}
.news-info {line-height: .5rem;margin: 0 0 .3rem;}

/*library*/
.library {}
.library-info {padding: .6rem 0 .3rem;}
.library-info h4 {font-size: .4rem;padding: .3rem 0;}



/*pop*/
.pop-title {height: .6rem;}
.pop-title h3 {line-height: .6rem;padding: 0 .2rem;font-size: .3rem;}
.pop-title a {width: .6rem;height: .6rem;line-height: .6rem;font-size: .34rem;}
.pop-cont {padding: .2rem;}
.pop-btn {padding: 0 0 .2rem;}
.pop-btn li a {width: 1.6rem;}

/*flower*/
.flower-info {padding: .4rem 0;}
.flower-info-cont {display: block;padding: .2rem;}
.flower-info-cont li {flex: none;margin: .2rem 0;width: 100% !important;display: block;height: 4.5rem;}
.flower-info-cont li:last-child {margin: 0;height: auto;}
.flower-info-cont li a {height: 100%;padding: .2rem;}
.flower-info-cont li a span {font-size: .24rem;}
.flower-info-cont li i {flex: none;height: 4.5rem;margin: .2rem 0;}

.flower-five {display: block;margin: 0 0 .8rem;overflow: hidden;padding: 0 0 0 .2rem;}
.flower-five li {flex: 1;width: 50%;position: relative;float: left;margin: .2rem 0;}
.flower-five li a span {padding: 0 .1rem;font-size: .22rem;}
.flower-five li a em {font-size: .4rem;}

.flower-project {padding: .3rem 0;}
.flower-project-cont {display: block;padding: .2rem;}
.flower-project-cont li {margin: 15px 0;}
.flower-project-cont li a em {height: 3rem;}
.flower-project-cont li a span {line-height: .7rem;font-size: .24rem;}

.flower-cooper {padding: .4rem 0;}
.flower-cooper-cont {display: block;}
.flower-cooper-group {border-radius: .2rem;padding: .3rem;margin: .2rem;}
.flower-cooper-group h4 {font-size: .35rem;}
.flower-cooper-group a {margin: .3rem 0;height: .8rem;line-height: .8rem;border-radius: .4rem;}

.flower-regional {margin: 0 0 .5rem;}
.flower-regional-cont {margin: .3rem 0;}
.flower-regional-cont ul {position:inherit;margin: 0;padding: 0 .2rem;}
.flower-regional-cont ul li {margin: 0;line-height: .8rem;padding: 0;font-size: .22rem;border-bottom: 1px #eee solid;}



 /*commercial*/
    .commercial-group {padding: .3rem 0;}
    .commercial-img {width: 100%;float: none;column-gap: .1rem;}
    .commercial-img li {margin-bottom: .1rem;height: 4.9rem;background-size:6.2rem;}
    .commercial-img li:nth-child(3) {height: 2rem;}
    .commercial-img li:nth-child(4) {height: 4rem;}
    .commercial-img li h4 {padding: .1rem .2rem;font-size: .24rem;}
    .commercial-info {width: 100%;float: none;padding: .2rem 0;}
    .commercial-info > i {font-size: .6rem;}
    .commercial-info h5 {font-size: .3rem;padding: .2rem 0;}
    .commercial-info h6 {font-size: .22rem;}
    .commercial-info b {padding: .4rem 0;}
    .commercial-info a {margin: .5rem 0 0;}

  .home .home-info .home-cont {
    display: block;
    padding: .5rem 0;
  }
  .home .home-info .home-cont em {
    width: 4rem;
    height: 4.5rem;
    border-radius: 0 .5rem 0 .5rem;
    margin: auto;
  }
  .home .home-info .home-cont em i {
    width: .5rem;
    height: .5rem;
    margin: .3rem;
  }
  .home .home-info .home-cont em i:first-child {
    border-width: .05rem 0 0 .05rem;
  }
  .home .home-info .home-cont em i:last-child {
    border-width: 0 .05rem .05rem 0;
  }
  .home .home-info .home-cont em:hover {
    border-radius: 0;
  }
  .home .home-info .home-cont em:hover i {
    margin: .3rem;
  }
  .home .home-info .home-cont .home-group {
    padding-top: .5rem;
  }
  .home .home-info .home-cont .home-group .home-txt {
    padding: .3rem;
  }
  .home .home-info .home-cont .home-group .home-txt p {
    padding: .1rem 0;
  }
  .home .home-info .home-cont .home-group .more {
    margin: .3rem;
  }
  /* recruit */
.recruit-info {padding: .5rem 0;}
.recruit-info-con {width: 80%;}
.recruit-info p {font-size: .2rem;padding: .1rem 0;}
.recruit-info i {width: 80%;}

.recruit-con {margin: 0 0 .6rem;}
.recruit-con li {font-size: .2rem;height: .6rem; line-height: .6rem;}

.recruit-txt {padding: .3rem 0 .3rem 1.2rem;}
.recruit-txt span {width: 1rem;height: calc(100% - .6rem); top: .3rem;font-size: .2rem;}

.recruit-ambient {padding: .5rem 0;margin: 0 0 1rem;}
.recruit-ambient li {width: 50% !important;height: 2rem !important;padding: .1rem;}
.recruit-ambient li.tit {display: none;}