html {
font-size: 100px;
}
body {
min-width: 1300px;
font-size: 0.16rem;
margin: 0;
}
a {
text-decoration: none;
}
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
input,
select,
button {
outline: none;
}
.public-img {
width: 100%;
height: 100%;
}
.boxsize {
box-sizing: border-box;
}
.overflow-no {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.overflow-yes {
overflow: hidden;
text-overflow: ellipsis;
}
.overflow-yes2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-ms-flexbox-orient: vertical;
}
.overflow-yes3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-ms-flexbox-orient: vertical;
}
.overflow-yes4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
-ms-flexbox-orient: vertical;
}
.overflow-yes5 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
-ms-flexbox-orient: vertical;
}
.overflow-yes6 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
display: -ms-flexbox;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
-ms-flexbox-orient: vertical;
}
.size13 {
font-size: 0.13rem;
}
.size15 {
font-size: 0.15rem;
}
.size16 {
font-size: 0.16rem;
}
.size17 {
font-size: 0.17rem;
}
.size18 {
font-size: 0.18rem;
}
.size19 {
font-size: 0.19rem;
}
.size20 {
font-size: 0.2rem;
}
.size21 {
font-size: 0.21rem;
}
.size22 {
font-size: 0.22rem;
}
.size24 {
font-size: 0.24rem;
}
.size25 {
font-size: 0.25rem;
}
.size26 {
font-size: 0.26rem;
}
.size28 {
font-size: 0.28rem;
}
.size29 {
font-size: 0.29rem;
}
.size30 {
font-size: 0.3rem;
}
.size33 {
font-size: 0.33rem;
}
.size38 {
font-size: 0.38rem;
}
.size40 {
font-size: 0.4rem;
}
.size41 {
font-size: 0.41rem;
}
.size42 {
font-size: 0.42rem;
}
.size46 {
font-size: 0.46rem;
}
.size48 {
font-size: 0.48rem;
}
.size49 {
font-size: 0.49rem;
}
.size50 {
font-size: 0.5rem;
}
.size52 {
font-size: 0.52rem;
}
.size54 {
font-size: 0.54rem;
}
.size58 {
font-size: 0.58rem;
}
.size63 {
font-size: 0.63rem;
}
.size67 {
font-size: 0.67rem;
}
.size71 {
font-size: 0.71rem;
}
.hand-model {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-image: url('../images/public/headers/unfold.png');
background-repeat: no-repeat;
background-origin: content-box;
background-position: right;
padding: 0 0.1rem;
}
.letter-spacing-1 {
letter-spacing: 0.01rem;
}
.letter-spacing-2 {
letter-spacing: 0.02rem;
}
.letter-spacing-3 {
letter-spacing: 0.03rem;
}
.letter-spacing-4 {
letter-spacing: 0.04rem;
}
.letter-spacing-5 {
letter-spacing: 0.055rem;
}
.letter-spacing-6 {
letter-spacing: 0.06rem;
}
.letter-spacing-10 {
letter-spacing: 0.1rem;
}
.letter-spacing-12 {
letter-spacing: 0.12rem;
}
.easeIn.active {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.easeIn {
opacity: 0;
transition: all 0.8s;
transform: translate3d(0, 35px, 0);
}
.center {
width: 12rem;
margin: 0 auto;
}
#index .head-slideshow {
width: 100%;
height: 7.62rem;
overflow: hidden;
position: relative;
background-color: #e3ecb9;
z-index: 100;
}
#index .head-slideshow .swiper-pagination {
bottom: 0.15rem;
}
#index .head-slideshow .swiper-pagination .swiper-pagination-bullet {
width: 0.16rem;
height: 0.16rem;
border-radius: 50%;
margin: 0 0.05rem;
border: 0.011rem solid #fff;
}
#index .head-slideshow .swiper-pagination .swiper-pagination-bullet-active {
background-color: #EB5C24;
border: 0 solid #EB5C24;
}
#header {
width: 100%;
}
#header .head-top {
width: 100%;
height: 0.4rem;
background-image: linear-gradient(#e5bc4b, #ce930b), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
}
#header .head-top .head-top-center {
margin: 0 auto;
width: 12rem;
height: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#header .head-top .head-top-center .left {
width: 1.47rem;
font-size: 0.15rem;
}
#header .head-top .head-top-center .right {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 3.57rem;
font-size: 0.17rem;
}
#header .head-top .head-top-center .right .line {
width: 0.01rem;
height: 0.16rem;
background: #000;
}
#header .head-top .head-top-center .right .cont {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: relative;
}
#header .head-top .head-top-center .right .con1 {
width: 0.61rem;
}
#header .head-top .head-top-center .right .con1 .weibo {
width: 0.2rem;
height: 0.17rem;
}
#header .head-top .head-top-center .right .con1 .weibo-code {
width: 1rem;
height: 1rem;
position: absolute;
top: 0.4rem;
left: -0.1rem;
display: none;
}
#header .head-top .head-top-center .right .con1:hover .weibo-code {
display: block;
z-index: 100000;
}
#header .head-top .head-top-center .right .con2 {
width: 1.12rem;
}
#header .head-top .head-top-center .right .con2 .weixin {
width: 0.19rem;
height: 0.16rem;
}
#header .head-top .head-top-center .right .con2 .weixin-code {
width: 1rem;
height: 1rem;
position: absolute;
top: 0.4rem;
left: 0;
display: none;
}
#header .head-top .head-top-center .right .con2:hover .weixin-code {
display: block;
z-index: 100000;
}
#header .head-top .head-top-center .right .con3 {
width: 1.34rem;
}
#header .head-top .head-top-center .right .con3 img {
width: 0.16rem;
height: 0.16rem;
}
#header .nav {
font-size: 0.16rem;
width: 100%;
height: 1rem;
background-color: #000000;
color: #ffffff;
}
#header .nav .center {
width: 12rem;
height: 1rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin: 0 auto;
}
#header .nav .center .nav-left {
display: flex;
flex-direction: row;
width: 2.9rem;
justify-content: space-between;
align-items: center;
}
#header .nav .center .nav-left .logo {
width: 1.37rem;
height: 0.8rem;
}
#header .nav .center .nav-left .line {
width: 0.01rem;
height: 0.37rem;
background-color: #646464;
}
#header .nav .center .nav-left .line-right {
width: 0.8rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#header .nav .center .nav-left .line-right .col {
color: #ce930b;
}
#header .nav .center .nav-right .navs {
display: flex;
flex-direction: row;
width: 8rem;
justify-content: space-between;
padding-top: 0.05rem;
}
#header .nav .center .nav-right .navs .nav-title {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 0.94rem;
box-sizing: border-box;
position: relative;
border-bottom: 0.03rem solid #000;
}
#header .nav .center .nav-right .navs .nav-title .nav-down {
width: 1.16rem;
background-color: black;
position: absolute;
top: 0.94rem;
line-height: 0.4rem;
text-align: center;
z-index: 100;
display: flex;
flex-direction: column;
}
#header .nav .center .nav-right .navs .nav-title .nav-down a {
color: #ffffff;
}
#header .nav .center .nav-right .navs .nav-title .nav-down a:hover {
color: #ce930b;
}
#header .nav .center .nav-right .navs .nav-title .pro {
height: 0.9rem;
}
#header .nav .center .nav-right .navs .nav-title .eng {
height: 2.22rem;
}
#header .nav .center .nav-right .navs .nav-title .case {
height: 0.9rem;
}
#header .nav .center .nav-right .navs .nav-title .know {
height: 1.75rem;
}
#header .nav .center .nav-right .navs .nav-title .brand {
height: 2.22rem;
}
#header .nav .center .nav-right .navs .nav-title .size17 {
line-height: 0.3rem;
}
#header .nav .center .nav-right .navs .nav-title:hover {
color: #ce930b;
border-bottom: 0.03rem solid #ce930b;
}
#header .nav .center .nav-right .navs .nav-title:hover .nav-down {
z-index: 100;
}
#header .nav .center .nav-right .navs .indexlogo {
width: 0.24rem;
height: 0.22rem;
}
#header .nav .center .nav-right .navs .jhproductlogo {
width: 0.23rem;
height: 0.22rem;
}
#header .nav .center .nav-right .navs .jhprojectlogo {
width: 0.23rem;
height: 0.22rem;
}
#header .nav .center .nav-right .navs .jhcaselogo {
width: 0.24rem;
height: 0.22rem;
}
#header .nav .center .nav-right .navs .jhkonwlogo {
width: 0.18rem;
height: 0.22rem;
}
#header .nav .center .nav-right .navs .jhbrandlogo {
width: 0.22rem;
height: 0.22rem;
}
#header .nav .center .nav-right #search-frame {
width: 6.28rem;
display: flex;
flex-direction: row;
justify-content: flex-end;
padding-right: 0.2rem;
}
#header .nav .center .nav-right #search-frame select,
#header .nav .center .nav-right #search-frame input,
#header .nav .center .nav-right #search-frame img {
box-sizing: border-box;
height: 0.46rem;
}
#header .nav .center .nav-right #search-frame select {
width: 1.2rem;
border-left: 0.02rem solid #ce930b;
border-right: 0.01rem solid #eee;
border-top: 0.02rem solid #ce930b;
border-bottom: 0.02rem solid #ce930b;
}
#header .nav .center .nav-right #search-frame input {
outline: none;
width: 4rem;
border-left: 0 solid #fff;
border-right: 0 solid #fff;
border-top: 0.02rem solid #ce930b;
border-bottom: 0.02rem solid #ce930b;
padding-left: 0.1rem;
}
#header .nav .center .nav-right .inwid {
width: 0.84rem;
}
#header .nav .center .nav-right .elsewid {
width: 1.16rem;
}
#footer {
width: 100%;
}
#footer .foot-top {
width: 100%;
background-color: #040404;
display: flex;
flex-direction: column;
align-items: center;
justify-items: center;
margin-bottom: 0.01rem;
}
#footer .foot-top .top {
display: flex;
flex-direction: row;
justify-content: space-between;
height: 2rem;
margin-top: 0.53rem;
}
#footer .foot-top .top .left {
width: 7.3rem;
height: 1.54rem;
}
#footer .foot-top .top .left .title {
display: flex;
flex-direction: row;
width: 7.3rem;
justify-content: space-between;
align-items: center;
}
#footer .foot-top .top .left .title .string {
width: 0.01rem;
height: 0.16rem;
background-color: #ce930b;
}
#footer .foot-top .top .left .title .titledes {
font-size: 0.17rem;
color: #ffffff;
}
#footer .foot-top .top .left .des {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 1.16rem;
margin-top: 0.2rem;
width: 5.7rem;
}
#footer .foot-top .top .left .des .content {
font-size: 0.17rem;
color: #646464;
text-align: center;
}
#footer .foot-top .top .left .des .content>div {
line-height: 0.28rem;
}
#footer .foot-top .top .left .des .content>div:hover{
transition: 0.5s;
color: #d29708;
text-decoration: underline;
}
#footer .foot-top .top .right {
width: 4.17rem;
height: 1.54rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#footer .foot-top .top .right .word {
width: 2.9rem;
height: 1.26rem;
color: #ffffff;
}
#footer .foot-top .top .right .word .call {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 2.16rem;
float: right;
}
#footer .foot-top .top .right .word .call img {
width: 0.31rem;
height: 0.31rem;
}
#footer .foot-top .top .right .word .size42 {
font-size: 0.42rem;
line-height: 0.7rem;
}
#footer .foot-top .top .right .line {
width: 0.01rem;
height: 1.26rem;
background-color: #ce930b;
}
#footer .foot-top .top .right .code {
width: 1rem;
height: 1.26rem;
}
#footer .foot-top .top .right .code div {
color: #ffffff;
}
#footer .foot-top .top .right .code img {
width: 1rem;
height: 1rem;
background-color: #d4d3d3;
}
#footer .foot-top .bott {
padding-top: 0.15rem;
height: 0.6rem;
color: #646464;
}
#footer .foot-bottom {
height: 0.8rem;
width: 100%;
background-color: #1e1e1e;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
}
#footer .foot-bottom .bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#footer .foot-bottom .bottom .size25 {
font-size: 0.25rem;
color: #EA5B23;
width: 2rem;
height: 0.8rem;
line-height: 0.8rem;
}
#footer .foot-bottom .bottom #footForm {
display: flex;
flex-direction: row;
align-items: center;
}
#footer .foot-bottom .bottom #footForm input {
height: 0.32rem;
padding-left: 0.1rem;
margin-right: 0.2rem;
font-size: 0.13rem;
border: 0.01rem solid #ffffff;
width: 1.8rem;
border-radius: 0.04rem;
}
#footer .foot-bottom .bottom #footForm select {
height: 0.36rem;
width: 1.8rem;
padding-left: 0.1rem;
margin-right: 0.2rem;
font-size: 0.13rem;
border: 0.01rem solid #ffffff;
border-radius: 0.04rem;
}
#footer .foot-bottom .bottom #footForm div {
width: 1.8rem;
height: 0.32rem;
line-height: 0.32rem;
text-align: center;
border: 0.01rem solid #EA5B23;
background-color: #EA5B23;
border-radius: 0.04rem;
}
#footer .foot-bottom .bottom #footForm div:hover {
color: #fff;
}
#footer .advertising {
position: fixed;
top: 28%;
right: 0.48rem;
width: 0.8rem;
height: 3.1rem;
background-color: #EB5C24;
border: 0.01rem solid #EB5C24;
z-index: 999;
}
#footer .advertising .line {
width: 0.7rem;
height: 0.01rem;
background-color: #fff;
margin: 0 auto;
}
#footer .advertising .have {
height: 0.779rem;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
#footer .advertising .have .online {
width: 0.4rem;
height: 0.35rem;
margin-left: 0.21rem;
}
#footer .advertising .have .order {
width: 0.4rem;
height: 0.36rem;
margin-left: 0.21rem;
}
#footer .advertising .have .price {
width: 0.35rem;
height: 0.35rem;
margin-left: 0.24rem;
}
#footer .advertising .have .top {
width: 0.3rem;
height: 0.33rem;
margin-left: 0.24rem;
}
#footer .advertising .have span {
color: #fff;
margin-top: 0.02rem;
}
#footer .advertising .have:hover {
background-color: #fff !important;
}
#footer .advertising .have:hover span {
color: #ce930b;
}
#footer .pop-up-offer {
position: fixed;
top: 0px;
filter: alpha(opacity=60);
z-index: 1000;
left: 0px;
width: 100%;
height: 9.86rem;
background-color: rgba(0, 0, 0, 0.6);
padding-top: 1.8rem;
}
#footer .pop-up-offer .offer {
margin: 0 auto;
width: 8.3rem;
height: 5.5rem;
background-image: url('../images/adv/47.jpg');
}
#footer .pop-up-offer .offer .free-offer {
height: 1.05rem;
position: relative;
}
#footer .pop-up-offer .offer .free-offer .size38 {
color: #fff;
text-align: center;
line-height: 1.2rem;
}
#footer .pop-up-offer .offer .free-offer img {
width: 0.32rem;
height: 0.32rem;
position: absolute;
top: 0.15rem;
right: 0.2rem;
}
#footer .pop-up-offer .offer .mesg {
width: 6.21rem;
height: 3.9rem;
background-color: #ffffff;
margin: 0 auto;
padding-top: 0.37rem;
}
#footer .pop-up-offer .offer .mesg form {
width: 5.22rem;
height: 3.16rem;
margin: 0 auto;
}
#footer .pop-up-offer .offer .mesg form .mesg-top {
width: 5.22rem;
height: 1.7rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#footer .pop-up-offer .offer .mesg form .mesg-top .person-meg {
width: 2.51rem;
height: 0.81rem;
display: flex;
flex-direction: column;
}
#footer .pop-up-offer .offer .mesg form .mesg-top .person-meg .size17 {
line-height: 0.4rem;
color: #646464;
}
#footer .pop-up-offer .offer .mesg form .mesg-top .person-meg input,
#footer .pop-up-offer .offer .mesg form .mesg-top .person-meg select {
width: 2.51rem;
height: 0.45rem;
box-sizing: border-box;
background-color: #ffffff;
border: solid 1px #c9c9c9;
font-size: 0.17rem;
}
#footer .pop-up-offer .offer .mesg form .mesg-top .person-meg input {
box-sizing: border-box;
padding: 0.1rem;
}
#footer .pop-up-offer .offer .mesg form .house-type {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#footer .pop-up-offer .offer .mesg form .house-type .size17 {
height: 0.36rem;
line-height: 0.4rem;
color: #646464;
}
#footer .pop-up-offer .offer .mesg form .house-type div {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#footer .pop-up-offer .offer .mesg form .house-type div select {
width: 161px;
height: 45px;
box-sizing: border-box;
background-color: #ffffff;
border: solid 1px #c9c9c9;
font-size: 0.17rem;
}
#footer .pop-up-offer .offer .mesg form .send-to {
margin: 0 auto;
width: 2.51rem;
height: 0.9rem;
}
#footer .pop-up-offer .offer .mesg form .send-to .tophone {
width: 2.51rem;
height: 0.4rem;
text-align: center;
background-color: #EB5C24;
border: 0.01rem solid #EB5C24;
line-height: 0.4rem;
margin-top: 0.22rem;
color: #fff;
}
#footer .pop-up-offer .offer .mesg form .send-to .tophone:hover {
background-color: #fff;
color: #EB5C24;
transition: 0.5s;
}
#footer .pop-up-offer .offer .mesg form .send-to .size13 {
line-height: 0.33rem;
color: #979797;
}
#footer .pop-up-decoration {
width: 100%;
height: 9.86rem;
padding-top: 1.8rem;
position: fixed;
top: 0px;
filter: alpha(opacity=60);
z-index: 1000;
left: 0px;
background-color: rgba(0, 0, 0, 0.6);
}
#footer .pop-up-decoration .offer {
margin: 0 auto;
width: 8.3rem;
height: 5.5rem;
background-image: url('../images/adv/47.jpg');
}
#footer .pop-up-decoration .offer .free-offer {
height: 1.05rem;
position: relative;
}
#footer .pop-up-decoration .offer .free-offer .size38 {
color: #fff;
text-align: center;
line-height: 1.2rem;
}
#footer .pop-up-decoration .offer .free-offer img {
width: 0.32rem;
height: 0.32rem;
position: absolute;
top: 0.15rem;
right: 0.2rem;
}
#footer .pop-up-decoration .offer .mesg {
width: 6.21rem;
height: 3.9rem;
background-color: #ffffff;
margin: 0 auto;
padding-top: 0.37rem;
}
#footer .pop-up-decoration .offer .mesg form {
width: 5.22rem;
height: 3.16rem;
margin: 0 auto;
}
#footer .pop-up-decoration .offer .mesg form .mesg-top {
width: 5.22rem;
height: 1.7rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#footer .pop-up-decoration .offer .mesg form .mesg-top .person-meg {
width: 2.51rem;
height: 0.81rem;
display: flex;
flex-direction: column;
}
#footer .pop-up-decoration .offer .mesg form .mesg-top .person-meg .size17 {
/* height: 0.36rem; */
line-height: 0.4rem;
color: #646464;
}
#footer .pop-up-decoration .offer .mesg form .mesg-top .person-meg input,
#footer .pop-up-decoration .offer .mesg form .mesg-top .person-meg select {
width: 2.51rem;
height: 0.45rem;
box-sizing: border-box;
background-color: #ffffff;
border: solid 1px #c9c9c9;
font-size: 0.17rem;
}
#footer .pop-up-decoration .offer .mesg form .mesg-top .person-meg input {
box-sizing: border-box;
padding: 0.1rem;
}
#footer .pop-up-decoration .offer .mesg form .house-type {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#footer .pop-up-decoration .offer .mesg form .house-type .size17 {
height: 0.36rem;
line-height: 0.4rem;
color: #646464;
}
#footer .pop-up-decoration .offer .mesg form .house-type div {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#footer .pop-up-decoration .offer .mesg form .house-type div select {
width: 161px;
height: 45px;
box-sizing: border-box;
background-color: #ffffff;
border: solid 1px #c9c9c9;
font-size: 0.17rem;
}
#footer .pop-up-decoration .offer .mesg form .send-to {
margin: 0 auto;
width: 2.51rem;
height: 0.9rem;
}
#footer .pop-up-decoration .offer .mesg form .send-to .tophone {
width: 2.51rem;
height: 0.4rem;
text-align: center;
background-color: #EB5C24;
border: 0.01rem solid #EB5C24;
line-height: 0.4rem;
margin-top: 0.22rem;
color: #fff;
}
#footer .pop-up-decoration .offer .mesg form .send-to .tophone:hover {
color: #EB5C24;
background-color: #fff;
transition: 0.5s;
}
#footer .pop-up-decoration .offer .mesg form .send-to .size13 {
line-height: 0.33rem;
color: #979797;
}
#footer .pop-up-communication {
width: 100%;
height: 9.86rem;
background-color: #929090;
padding-top: 1.8rem;
}
.friendship-link {
height: 0.8rem;
}
.friendship-link .centers {
width: 8rem;
margin: 0 auto;
height: 0.8rem;
display: flex;
flex-direction: row;
align-items: center;
color: #646464;
}
.friendship-link .size19 {
width: 1.2rem;
color: #646464;
}
.friendship-link .friend-link {
width: 1.65rem;
text-align: center;
}
.friendship-link .friend-link a {
color: #646464;
}
.friendship-link .friend-link a:hover {
color: #EB5C24;
text-decoration: underline;
}
#index .slideshow {
width: 100%;
position: relative;
overflow: hidden;
}
#index .slideshow .bd {
width: 100%;
}
#index .slideshow .bd ul {
width: 100%;
height: 100%;
}
#index .slideshow .bd ul li a img {
display: block;
}
#index .slideshow .hd {
position: absolute;
width: 100%;
bottom: 0.3rem;
}
#index .slideshow .hd ul {
margin: 0 auto;
display: flex;
flex-direction: row;
width: 1.3rem;
height: 0.04rem;
justify-content: space-between;
}
#index .slideshow .hd li {
width: 0.3rem;
height: 0.04rem;
background-color: #ffffff;
border-radius: 0.02rem;
}
#index .slideshow .hd .on {
background-color:#EA5B23;
}
#index .painIndex {
width: 100%;
height: 3.4rem;
display: flex;
align-items: center;
background-color: #000;
}
#index .painIndex .center {
height: 2.72rem;
}
#index .painIndex .center .top {
height: 0.7rem;
}
#index .painIndex .center .top .size38 {
color: #ce930b;
width: 2.7rem;
letter-spacing: 0.02rem;
}
#index .painIndex .center .top .size21 {
color: #fff;
padding-left: 0.1rem;
}
#index .painIndex .center .middle {
height: 1.4rem;
border-top: 0.01rem solid #646464;
border-bottom: 0.01rem solid #646464;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#index .painIndex .center .middle .every {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#index .painIndex .center .middle .every .size21 {
margin-top: 0.13rem;
display: flex;
flex-direction: column;
}
#index .painIndex .center .middle .every .size21 span {
text-align: center;
color: #fff;
}
#index .painIndex .center .middle .every .painlog {
width: 0.38rem;
height: 0.33rem;
}
#index .painIndex .center .middle .every .painlog1 {
width: 0.38rem;
height: 0.33rem;
}
#index .painIndex .center .middle .every .painlog2 {
width: 0.31rem;
height: 0.31rem;
}
#index .painIndex .center .middle .every .painlog6 {
width: 0.27rem;
height: 0.31rem;
}
#index .painIndex .center .middle .every .painlo7 {
width: 0.33rem;
height: 0.31rem;
}
#index .painIndex .center .middle .every .painlog8 {
width: 0.3rem;
height: 0.3rem;
}
#index .painIndex .center .middle .every .painlog9 {
width: 0.29rem;
height: 0.3rem;
}
#index .painIndex .center .middle .every:hover {
transform: translateY(-0.1rem);
transition: 0.5s;
}
#index .painIndex .center .middle .one {
width: 0.94rem;
}
#index .painIndex .center .middle .two {
width: 1.25rem;
}
#index .painIndex .center .middle .line {
width: 0.02rem;
height: 0.8rem;
background-image: linear-gradient(0deg, #000000 0%, #646464 50%, #000000 100%), linear-gradient(#646464, #646464);
background-blend-mode: normal, normal;
}
#index .painIndex .center .bottom {
height: 0.63rem;
line-height: 0.63rem;
color: #ce930b;
}
#index .painIndex .center .bottom span {
text-align: center;
margin-top: -0.05rem;
}
#index .painIndex .center .bottom span:hover {
color: #fff;
transition: 0.5s;
}
#index .quick {
width: 100%;
}
#index .quick .center {
height: 100%;
}
#index .quick .center .title {
height: 1.65rem;
box-sizing: border-box;
padding-top: 0.62rem;
position: relative;
}
#index .quick .center .title .maintitle {
height: 0.6rem;
color: #2b2b2b;
}
#index .quick .center .title .maintitle .cor {
color: #2b2b2b;
padding-left: 0.1rem;
}
#index .quick .center .title .size42 {
margin-top: -0.06rem;
}
#index .quick .center .title .size63 span {
line-height: 0.73rem;
font-weight: 300;
}
#index .quick .center .title .size22 {
color: #2b2b2b;
}
#index .quick .center .title .quick-bot {
width: 100%;
margin-top: 0.25rem;
display: flex;
align-items: center;
}
#index .quick .center .title .quick-bot .line {
width: 100%;
height: 0.01rem;
background-color: #ffffff;
opacity: 0.5;
position: absolute;
bottom: 0;
}
#index .quick .center .title>div {
text-align: center;
}
#index .quick .center .fas-tle {
height: 0.8rem;
color: #ffffff;
}
#index .quick .center .fas-tle .yel {
background-color: #EB5C24;
float: left;
width: 4.2rem;
height: 100%;
line-height: 0.8rem;
}
#index .quick .center .fas-tle .yel span {
padding-left: 0.5rem;
}
#index .quick .center .fas-tle .bla {
background-color: black;
float: right;
width: 7.8rem;
height: 100%;
line-height: 0.8rem;
}
#index .quick .center .fas-tle .bla span {
padding-left: 0.46rem;
}
#index .quick .center .fashion {
display: flex;
width: 100%;
flex-direction:row;
height: 5.68rem;
margin: 0.3rem 0 0;
justify-content:space-between;
}
#index .quick .center .fashion .fh_d1{width: 7rem;height: 100%; position: relative;overflow: hidden;z-index: 0}
#index .quick .center .fashion .fh_d2{width: 6.1rem;height: 100%;display: flex;flex-direction: column;justify-content: space-between}
#index .quick .center .fashion .fh_d2 .fh_d3{width: 100%;height: 280px;transition: all 0.5s;background-position: center;background-size: 100%;background-repeat: no-repeat;}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4{width: 100%;height: 100%;display: block;position: relative;}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 p{color: #fff;margin-left: 0.3rem;width: 3.8rem}
#index .quick .center .fashion .fh_d2 .fh_d3:hover{
background-size: 105%;
}
/*#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 p:hover{transition: 0.5s;*/
/* transform: translateY(-0.01rem)*/
/*}*/
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .p1{padding-top: 0.4rem}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .p1 span{font-size: 0.32rem;color:#EF5D24}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .p2{padding-top: 0.16rem;text-indent: 73px;}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .p3{padding-top: 0.16rem;line-height: 0.24rem}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .p4{padding-top: 0.4rem}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .p5{padding-top: 0.16rem;text-indent: 70px}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .p5 span{color:#EF5D24}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .p6{padding-top: 0.16rem;}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .p7,#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .p8{
width: 50px;height: 1px;background: #fff;position: absolute;top:111px;left:40px;
}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .p8{top:104px}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .jiantou {
width: 50px;
height: 50px;
background: #FFFFFF;
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.06);
border-radius: 50px;
position: absolute;
font-weight: 900;
font-size: 23px;
left: 40px;
bottom: 20px;
background-repeat: no-repeat;
background-position: center;
opacity: 1;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
color: #333;
}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 .jiantou .line {
width: 17px;
height: 17px;
background-image: url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAOCAYAAABdC15GAAAA4UlEQVRIDc3BMStFYRgA4OecToZb1M0vUe9uuTZGpZTNoMR8fwGDSWGwKaUYmJWyv+UXmO5m+YpVfSiDdPdznqeptepTRCxjlJkzc7T6d4bXiNg0R6t/u3jBTURs+6fVs8z8wBqecRURe/5oDUBmvmMdTziPiAO/mslkYihKKQu4wwammXncoRqI8XjsRynlDUcR8dkauA6NgSilLOAOG5hm5klnIEopIzxggsPMPPWtqbXqW0Qs4R6r2M/MC786PYuIRTwisJOZ1/7o9O8SK9jKzFv/NLVWfYqIZYwyc2aOLzPlTfIpMc8FAAAAAElFTkSuQmCC);
background-position: center right;
background-size: 40px 14px;
background-repeat: no-repeat;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4:hover .jiantou {
width: 80px;
}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4:hover .jiantou .line {
width: 40px;
}
#index .quick .center .fashion .fh_d2 .fh_d3 .fh_d4 span {
right: auto;
left: 40px;
opacity: 1;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
/*整装产品*/
#index .quick .center .prod {
display: flex;
width: 100%;
flex-direction:row;
height: 6.74rem;
margin: 0.3rem 0 0;
justify-content:space-between;
}
#index .quick .center .prod .pd_d1{width: 9.63rem;height: 100%; position: relative;overflow: hidden;z-index: 0}
#index .quick .center .prod .pd_d1 .d1{width: 240px;height: 54px;background: #EB5C24;color: #fff;text-align: center;font-size:18px;position: relative;left: 130px;top:555px;line-height: 54px;
}
#index .quick .center .prod .pd_d1 .d1:hover{background: #eb6b39
}
#index .quick .center .prod .pd_d2{width: 3.5rem;height: 100%;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;}
#index .quick .pd_d2 ul {
display: flex;flex-direction: column;justify-content: space-between;
width: 12rem;
height: 7rem;
}
#index .quick .pd_d2 ul li {
width: 3.5rem;
height: 2.17rem;
background-color: #ee9e3d;
position: relative;
overflow: hidden;
}
#index .quick .pd_d2 ul li a .des {
position: absolute;
top: 1.75rem;
width: 3.5rem;
background-color: rgba(0, 0, 0, 0.6);
display: flex;
flex-direction: row;
justify-content: space-between;
box-sizing: border-box;
padding-left: 0.19rem;
padding-right: 0.12rem;
height: 0.42rem;
overflow: hidden;
}
#index .quick .pd_d2 ul li a .des .village-name {
color: #fff;
width: 3rem;
box-sizing: border-box;
}
#index .quick .pd_d2 ul li a .des .village-name div {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 0.42rem;
text-align: center;
}
#index .quick .pd_d2 ul li a .des .tocase {
width: 1.2rem;
height: 0.68rem;
line-height: 0.8rem;
}
#index .quick .pd_d2 ul li a .des .tocase img {
width: auto;
height: 0.15rem;
}
#index .quick .pd_d2 ul li a .des .tocase img:nth-child(2) {
margin: 0 0.02rem 0 0.14rem;
}
#index .quick .pd_d2 ul li a .des .tocase span {
color: #d19600;
}
#index .quick .pd_d2 ul li a .case-pic {
transform: scale(1);
}
#index .quick .pd_d2 ul li .grid {
clear: both;
}
#index .quick .pd_d2 ul li .grid .figure {
position: relative;
overflow: hidden;
background: #fff;
}
#index .quick .pd_d2 ul li .grid .figure img {
position: relative;
display: block;
opacity: 0.8;
}
#index .quick .pd_d2 ul li .grid .figure .figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#index .quick .pd_d2 ul li a .dlc1{width: 99px;height:35px;text-align: center;line-height: 35px;background: url(../images/g2020/header/vr02.png);color: #fff;position: absolute;left: 251px;z-index: 5}
#index .quick .pd_d2 ul li .grid .figure .figcaption::before {
pointer-events: none;
}
#index .quick .pd_d2 ul li .grid .figure .figcaption::after {
pointer-events: none;
}
#index .quick .pd_d2 ul li .grid .effect-apollo {
background: #fff;
}
#index .quick .pd_d2 ul li .grid .effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
#index .quick .pd_d2 ul li .grid .effect-apollo .figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(2.3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(2.3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
#index .quick .pd_d2 ul li .grid .effect-apollo:hover img {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
#index .quick .pd_d2 ul li .grid .effect-apollo:hover .figcaption::before {
-webkit-transform: scale3d(2.3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(2.3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
#index .quick .pd_d2 ul li:hover {
box-shadow: 0 0 0.15rem 0px rgba(0, 0, 0, 0.6);
transition: 0.5s;
}
#index .quick .pd_d2 ul li:hover .case-pic {
transform: scale(1.15);
transition: 0.5s;
}
.txts1{
word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;
}
.txts2{
word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
}
.txts3{
word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;
}
.txts4{
word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient: vertical;
}
.txts5{
word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient: vertical;
}
/*菡萏轮播下面报名*/
#index .quick .center .hd_enve{width: 100%;height: 528px;margin-top: 15px}
#index .quick .center .hd_en_left,#index .quick .center .hd_en_right{float: left;}
#index .quick .center .hd_en_left{width: 300px;height: 100%}
#index .quick .center .hd_en_right{width: 1000px;height: 100%;margin-left: 20px;background:#F2F2F2}
#index .quick .center .hd_en_left ul li{width: 100%;height: 174px;background:#F2F2F2;position: relative}
#index .quick .center .hd_en_left ul li:nth-child(n+2){margin-top: 3px}
#index .quick .center .hd_en_left ul li .p1{margin-left: 25px;padding-top: 42px;font-size: 25px;color: #191919}
#index .quick .center .hd_en_left ul li .p2{margin-left: 25px;width: 20px;height:2px;background: #EA5C23;margin-top: 20px}
#index .quick .center .hd_en_left ul li .p3{margin-left: 25px;margin-top:20px;font-size: 18px;color: #121212}
#index .quick .center .hd_en_left ul li .p4{position: absolute;width: 100%;height: 34px;font-size: 24px;line-height: 34px;background:#EA5C23;color: #fff;text-align: center;top:70px;display:none }
#index .quick .center .hd_en_left ul li .p5{position: absolute;width: 8px;height: 11px;top:83px;right: -8px;display: none}
#index .quick .center .hd_en_left ul li .p4 span{line-height: 20px}
#index .quick .center .hd_en_left ul li .p4 img {position: relative;top: 5px}
#index .quick .center .hd_en_left ul li .p4 .hd_en_im1{top:7px}
#index .quick .center .hd_en_right ul{width: 940px;height: 488px;margin: 20px 0 0 40px;overflow: hidden}
#index .quick .center .hd_en_right ul li{width: 100%;height: 100%;display: flex;justify-content: space-between;flex-direction: row}
#index .quick .center .hd_en_right ul li .en_cjlt{width:615px;height: 100% }
#index .quick .center .hd_en_right ul li .en_cjrt{width: 300px;height: 100%;position: relative}
#index .quick .center .hd_en_right ul li .cjim1{background: url(../images/g2020/s/s11.png);background-size: 100% 100%}
#index .quick .center .hd_en_right ul li .cjim2{background: url(../images/g2020/s/s12.png);background-size: 100% 100%}
#index .quick .center .hd_en_right ul li .cjim3{background: url(../images/g2020/s/s13.png);background-size: 100% 100%}
#index .quick .center .hd_en_right ul li .cjim1 .p1,#index .quick .center .hd_en_right ul li .cjim2 .p1{color:#EA5C23;font-size: 22px;position: absolute;top:206px;left: 108px; }
#index .quick .center .hd_en_right ul li .cjim1 .p2,#index .quick .center .hd_en_right ul li .cjim2 .p2{width: 254px;height: 200px;position: relative;top:272px;left: 22px;}
#index .quick .center .hd_en_right ul li .cjim1 .p2 ul li, #index .quick .center .hd_en_right ul li .cjim2 .p2 ul li, #index .quick .center .hd_en_right ul li .cjim3 .p2 ul li{width: 254px;color: #fff;height: 30px;line-height: 30px}
#index .quick .center .hd_en_right ul li .cjim3 .p1{color:#EA5C23;font-size: 22px;position: absolute;top:136px;left: 108px; }
#index .quick .center .hd_en_right ul li .cjim3 .p2{width: 254px;height: 200px;position: relative;top:204px;left: 22px;}
#index .quick .center .hd_en_right ul li .en_cjlt P{text-align: center;width: 100%}
#index .quick .center .hd_en_right ul li .en_cjlt .p1{color: #000;font-size: 28px;letter-spacing: 8px;margin-top: 20px;font-weight: 400}
#index .quick .center .hd_en_right ul li .en_cjlt .p2{color:#5C5A4B;font-size: 20px;letter-spacing:1px;margin-top: 10px;}
#index .quick .center .hd_en_right ul li .en_cjlt .p2 span{color:#EA5C23 }
#index .quick .center .hd_en_right ul li .en_cjlt .p3{width: 202px;height: 117px;margin: 25px auto 0px auto}
#index .quick .center .hd_en_right ul li .en_cjlt .form .cjlt_div, #index .quick .center .hd_en_right ul li .en_cjlt .form2 .cjlt_div2{width: 100%;height: 60px;line-height: 60px;font-size: 20px;margin-top: 20px;display: flex;justify-content: space-between}
#index .quick .center .hd_en_right ul li .en_cjlt .form .cjlt_div input{width:494px;margin-left: 10px;height:56px}
#index .quick .center .hd_en_right ul li .en_cjlt .form #cjlt_tj,#cjlt_ytj,#cjlt_vtj{width: 368px;height: 60px;background:#EA5C23 ;text-align: center;color: #fff;line-height: 60px;font-size: 22px;letter-spacing: 2px;margin:30px 0 0 115px }
#index .quick .center .hd_en_right ul li .en_cjlt .d1{width:440px;height: 25px;line-height: 25px;display: flex;justify-content: space-between;margin:10px auto;color: #666561;letter-spacing: 2px;font-size: 18px;}
#index .quick .center .hd_en_right ul li .en_cjlt .d1 .en_img{position: relative;top:4px;margin-right: 5px}
#index .quick .center .hd_en_right ul li .en_cjlt .form2 .cjlt_div,#index .quick .center .hd_en_right ul li .en_cjlt .form2 .cjlt_div2{font-size: 18px}
#index .quick .center .hd_en_right ul li .en_cjlt .form .cjlt_div2 div{width:130px;display: flex;justify-content: space-between;letter-spacing: 5px}
#index .quick .center .hd_en_right ul li .en_cjlt .form2 .cjlt_div2{width: 500px}
input[type="radio"]+label ::before {content: "";display: inline-block ;vertical-align: middle;width: 16px;height: 16px;border-radius: 50%;border: 1px solid #000;box-sizing: border-box ;margin-right: 15px;}
input[type="radio"]:checked+label ::before {background: #EA5C23;background-clip: content-box ;border: 1px solid #EA5C23;padding: 2px;box-sizing: border-box;}
input[type="radio"] {position: absolute;clip: rect(0,0,0,0)}
#index .quick .center .hd_en_right ul li .en_cjlt .form2 .cjlt_div3{margin-top: 5px}
#index .quick .center .hd_en_right ul li .en_cjlt .form2 .cjlt_div3 select{background-color: #fff;width:180px;font-size: 15px;border: none}
#index .quick .center .hd_en_right ul li .en_cjlt .form .cjlt_div4 input{width:180px;}
#index .quick .center .hd_en_left ul .on{background: #EB5C24;border-image-r}
#index .quick .center .hd_en_left ul .on p{display: none}
#index .quick .center .hd_en_left ul .on .p4, #index .quick .center .hd_en_left ul .on .p5{display: block}
/*关于菡萏*/
#index .quick .center .abt{width: 100%;height: 7.9rem; margin: 0.3rem 0 0;}
#index .quick .center .abt .at_d1{width: 100%;height: 1.56rem;background: #FFFFFF;display: flex;flex-direction: row;justify-content: flex-start}
#index .quick .center .abt .at_d1 .d1{width: 1.66rem;height: 100%;background: #EB5C24;}
#index .quick .center .abt .at_d1 .d1 p{color: #fff;text-indent: 0.25rem}
#index .quick .center .abt .at_d1 .d1 .p1{padding-top: 0.26rem}
#index .quick .center .abt .at_d1 .d1 .p2{padding-top: 0.1rem}
#index .quick .center .abt .at_d1 .d1 .p3{padding-top: 0.05rem}
#index .quick .center .abt .at_d1 .d2{width: 1.45rem;height: 1.1rem;margin-top: 0.25rem;}
#index .quick .center .abt .at_d1 .d2 img{margin-left: 0.43rem}
#index .quick .center .abt .at_d1 .d3{border-right: solid 1px #EDEDED}
#index .quick .center .abt .at_d1 .d2 .p1{text-align: center;width: 100%;font-size: 0.16rem;font-weight:500;line-height: 0.3rem;color: #0F0F0F}
#index .quick .center .abt .at_d1 .d2 .p2{width: 90%;font-size: 0.12rem;color: #4D4D4D;line-height: 0.2rem;margin-left: 0.1rem;text-align: center;}
#index .quick .center .abt .at_d2 {width: 13.2rem;height: 5.18rem;margin: 0.4rem 0 0 0;display: flex;flex-direction: row;justify-content: space-between}
#index .quick .center .abt .at_d2 .at_d3{width:9.2rem;height: 100%; }
#index .quick .center .abt .at_d2 .at_d4{width: 3.88rem;height: 100%;background: #fff}
#index .quick .center .abt .at_d2 .at_d4 .d1{width: 3.4rem;margin: 0.21rem 0 0 0.24rem;height: 1.18rem;border-bottom: 1px dashed #D5D5D5}
#index .quick .center .abt .at_d2 .at_d4 .d1 a .at_r1{width: 100%;height: 1rem;display: flex;flex-direction: row;justify-content: space-between;}
#index .quick .center .abt .at_d2 .at_d4 .d1 a .at_r1 .at_r2{width: 1.53rem;height: 1rem;}
#index .quick .center .abt .at_d2 .at_d4 .d1 a .at_r1 .at_r2 .p1{font-size: 0.17rem;color: #000;width: 100%;height: 0.2rem;}
#index .quick .center .abt .at_d2 .at_d4 .d1 a .at_r1 .at_r2 .p2{font-size: 0.12rem;color: #909090;width: 100%;height: 0.72rem;margin-top: 0.05rem;line-height: 0.18rem}
#index .quick .center .abt .at_d2 .at_d4 .d1 a .at_r1 .at_r2 .atr_im{position: relative;right: -1rem;top: -0.15rem;}
#index .quick .center .abt .at_d2 .at_d4 .d2{width: 3.4rem;margin: 0rem 0 0 0.24rem;}
#index .quick .center .abt .at_d2 .at_d4 .d2 ul li{width: 100%;line-height: 0.2rem;height: 0.2rem;font-size: 0.15rem;color: #0F0F0F;margin-top: 0.13rem;}
#index .quick .center .abt .at_d2 .at_d4 .d2 ul li span{font-size: 0.16rem;color: #010101;}
/*装修攻略*/
#index .quick .center .zxgl{width: 100%;height: 7.9rem; margin: 0.3rem 0 0;}
#index .quick .center .zxgl .at_d2 {width:100%;height: 5.3rem;margin: 0 0 0 0rem;display: flex;flex-direction: row;justify-content: space-between}
#index .quick .center .zxgl .at_d2 .at_d4{width: 4.2rem;height: 100%;background: #fff}
#index .quick .center .zxgl .at_d2 .at_d4 .d1{width: 3.73rem;margin: 0.21rem 0 0 0.24rem;height: 1.18rem;border-bottom: 1px dashed #D5D5D5}
#index .quick .center .zxgl .at_d2 .at_d4 .d1 a .at_r1{width: 100%;height: 1rem;display: flex;flex-direction: row;justify-content: space-between;}
#index .quick .center .zxgl .at_d2 .at_d4 .d1 a .at_r1 .at_r2{width: 1.53rem;height: 1rem;}
#index .quick .center .zxgl .at_d2 .at_d4 .d1 a .at_r1 .at_r2 .p1{font-size: 0.17rem;color: #000;width: 100%;height: 0.2rem;}
#index .quick .center .zxgl .at_d2 .at_d4 .d1 a .at_r1 .at_r2 .p2{font-size: 0.12rem;color: #909090;width: 100%;height: 0.72rem;margin-top: 0.05rem;line-height: 0.18rem}
#index .quick .center .zxgl .at_d2 .at_d4 .d1 a .at_r1 .at_r2 .atr_im{position: relative;right: -1.4rem;top: -0.05rem;}
#index .quick .center .zxgl .at_d2 .at_d4 .d2{width: 3.73rem;margin: 0rem 0 0 0.24rem;}
#index .quick .center .zxgl .at_d2 .at_d4 .d2 ul li{width: 100%;line-height: 0.2rem;height: 0.2rem;font-size: 0.15rem;color: #0F0F0F;margin-top: 0.13rem;}
#index .quick .center .zxgl .at_d2 .at_d4 .d2 ul li span{font-size: 0.16rem;color: #010101;}
/*客户有话说*/
#index .quick .center .khs{width: 100%;height: 7.8rem; margin: 0.3rem 0 0 0.3rem;position: relative;overflow: hidden}
#index .quick .center .khs .khs_d1{width: 100%;height: 4.7rem;display: flex;flex-direction: row;justify-content: space-between}
#index .quick .center .khs .khs_d1 .swiper-slide{display: flex;flex-direction: row;justify-content: space-between}
#index .quick .center .khs .khs_d1 .kh_d1{width: 4.38rem;background: url(../images/g2020/header/pzdy.png) 100% 100%;height: 100%}
#index .quick .center .khs .khs_d1 .kh_d1 .ivideo_c_v{width: 100%;margin-top: 118px;border: none}
#index .quick .center .khs .khs_d1 .kh_d2{width: 8.68rem;background: #acff7d;height: 100%}
#index .quick .center .khs .khs_d1 .kh_d2 .kh_cn{width: 126px;height: 38px;background: url(../images/g2020/vr/vr.png) ;background-size: 100%;position: absolute;right: 20px;top: 20px;z-index: 99}
#index .quick .center .khs .khs_d1 .kh_d2 .kh_cds{width: 100%;text-align: center;height: 60px;background: rgba(0,0,0,0.6);line-height: 60px;font-size: 20px;position: absolute;bottom: 0;z-index: 9;color: #fff}
#index .quick .center .khs .khs_d1 .kh_d2{width: 8.68rem;background: #acff7d;height: 100%}
#index .quick .center .khs .khs_d2{width: 100%;height: 2.72rem;background: #D4D4D4}
#index .quick .center .khs .khs_d2 .mySwiperkf{width: 1160px;height: 2.26rem;left: 80px;top:23px;position: relative;overflow: hidden;}
#index .quick .center .khs .khs_d2 .swiper-wrapper .swiper-slide{width: 184px;height: 2.26rem;}
#index .quick .center .khs .khs_d2 .swiper-wrapper .swiper-slide .d1{width: 184px;height: 149px;opacity: 0.6}
#index .quick .center .khs .khs_d2 .swiper-wrapper .swiper-slide .d1 img{width: 100%;height: 100%}
#index .quick .center .khs .khs_d2 .swiper-wrapper .swiper-slide-thumb-active .d1 {opacity: 1;
}
#index .quick .center .khs .khs_d2 .swiper-wrapper .swiper-slide .p1{width: 184px ;height: 46px;line-height: 23px;margin-top: 5px}
#index .quick .center .khs .khs_d2 .swiper-wrapper .swiper-slide .p2{width: 184px ;height: 20px;line-height: 20px;margin-top: 5px;font-size: 14px;color:#969696 }
#index .quick .center .khs .khs_d1 .swiper-button-nextkh,#index .quick .center .khs .khs_d1 .swiper-button-prevkh{top:74%;position: absolute;width: 40px;height: 50px;z-index: 2;}
#index .quick .center .khs .khs_d1 .swiper-button-nextkh{left:25px}
#index .quick .center .khs .khs_d1 .swiper-button-prevkh{right: 25px}
/*客户有话说新*/
.baiye-content {width: 1320px;height: 518px;margin: 40px auto;}
.wow{visibility: visible;animation-name: fadeInUp;}
.baiye-lun {width: 919px;float: left;height: 518px;overflow: hidden;}
.baiye-list {width: 401px;height: 518px;background: #FFFFFF;float: left;overflow-x: hidden;word-break: break-all;}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.baiye-son {width: 329px;margin: 19px 0 0 37px;overflow: hidden;border-bottom: 1px dashed #DADADA;padding-bottom: 17px;cursor: pointer;
}
.by-img {width: 130px;height: 73px;float: left;display: block;}
.baiye-txt {width: 180px;float: left;margin-left: 16px;}
.by1 {font-size: 14px;color: #000;line-height: 20px;margin-top: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 40px;
}
.by2 {margin-top: 10px;font-size: 12px;color: rgba(0,0,0,.6);}
.by2 {margin-top: 10px;font-size: 12px;color: rgba(0,0,0,.6);}
.on .by1,.on .by2{color:#EA5B23 }
/*vr案例*/
#index .quick .center .vrcase .recent-cont {
width: 100%;
display: flex;
flex-direction: row;
margin-top: 0.2rem;
}
#index .quick .center .vrcase .recent-cont .hot {
display: flex;
flex-direction: row;
align-items: center;
}
#index .quick .center .vrcase .recent-cont .hot img {
margin-right: 0.07rem;
}
#index .quick .center .vrcase .recent-cont .hd {
margin: 0 0.07rem;
}
#index .quick .center .vrcase .recent-cont .hd ul {
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
color: #070707;
}
#index .quick .center .vrcase .recent-cont .hd ul .on {
color: #EB5C24;
}
#index .quick .center .vrcase .vrc_bd{width: 100%;height: 6.4rem;margin-top: 0.3rem}
#index .quick .center .vrcase .vrc_bd .vrc_d1{width: 1320px;height: 3.7rem;display: flex;flex-direction: row;justify-content: space-between}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .d1{width: 9.7rem;height: 100%;overflow: hidden;position: relative}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .d1 a{width: 100%;height: 100%;display: block;border: none;position: absolute}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .d1 iframe{border: none;position: absolute}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .d2{width: 3.5rem;height: 100%;background:#F5F3F4}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .img_vr{position: absolute;left: 21px;top:9px}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .img_bj{position: absolute;width: 99px;height: 35px;background: url(../images/g2020/header/vr02.png);text-align: center;line-height: 35px;color: #fff;right: 76px;top: 11px;}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .d2 p{width: 3.3rem;text-align: center}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .d2 .p1{font-weight: bold;font-size: 30px;letter-spacing: 3px;margin-top: 40px;color: #141414;}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .d2 .p2{font-size: 16px;letter-spacing: 1px;margin-top: 10px;color: #8E8C8D}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .d2 .p4{height: 1px;margin-top: 25px;background: #000}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .d2 .p3{font-size: 16px;letter-spacing: 1px;margin-top: 25px;color: #8E8C8D;line-height: 24px;width: 60%;margin-left: 20%;text-align: left;text-indent: 32px;}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .d2 a{width: 120px;height: 40px;display: block;text-align: center;color: #EA5B24;
background: #fff;
line-height: 40px;
margin: 25px 0 0 200px;
border: solid 1px #EA5B24;
}
#index .quick .center .vrcase .vrc_bd .vrc_d1 .d2 a:hover{background: #EA5B24;color: #fff;transition: 0.5s;}
#index .quick .center .vrcase .vrc_bd .vrc_d2{width: 1320px;height: 2.6rem;display: flex;flex-direction: row;justify-content: space-between;margin-top: 0.1rem;}
#index .quick .center .vrcase .vrc_bd .vrc_d2 ul{width: 100%;height: 2.6rem;display: flex;flex-direction: row;justify-content: space-between;}
#index .quick .center .vrcase .vrc_bd .vrc_d2 ul li{width: 3.2rem;height: 100%;position: relative;transition: all 0.5s;background-position: center;background-size: 100% 100%}
#index .quick .center .vrcase .vrc_bd .vrc_d2 ul li .vrc_ad1{width: 100%;height: 52px;background: rgba(0,0,0,0.6);line-height: 52px;text-align: center;color: #fff;margin-top: 173px;font-size: 18px;}
#index .quick .center .vrcase .vrc_bd .vrc_d2 ul li:hover{
background-size: 105% 105%;
}
#index .quick .center .vrcase .vrc_bd .vrc_d2 ul li .vrc_ad2{width: 99px;height:35px;text-align: center;line-height: 35px;background: url(../images/g2020/header/vr02.png);color: #fff;margin-left: 221px }
/*工艺标准*/
#index .quick .center .gybz{width: 100%;height: 6.18rem;margin-top: 0.3rem;position: relative}
#index .quick .center .gybz .vi-reft{width: 100%;height: 100%;position: absolute;z-index: 11;top: 0;}
.vi-reft .vr_bt{position: absolute;
width: 70px;
height:70px;
background: rgba(255,124,52,0.6);
z-index: 66;
margin-top: -45px;
margin-left: -45px;
border-radius: 50%;
color: #fff;
line-height: 70px;
text-align: center;
font-size: 12px;
}
.vi-reft .bt1{
top:180px;
left: 230px;
}
.vi-reft .bt2{
top:490px;
left: 565px;
}
.vi-reft .bt3{
top: 240px;
left: 1040px;
}
@keyframes scale-bg {
0% {
transform: scale(1);
opacity: .8
}
100% {
transform: scale(1.6);
opacity: 0
}
}
.vi-reft .vr_bt p{width: 100%;height: 100%;background: #ff7c34; border-radius: 50%; animation: scale-bg 1.2s infinite;position: absolute;top:0px;}
/*大牌严选*/
#index .dp_01{width: 100%;height: 672px;background: url(../images/g2020/header/dp04.jpg);background-size: 100%;margin-top: -4px}
#index .dp_01 .dp_02{width: 1321px;margin: auto;height:605px;position: relative;overflow: hidden;top:40px;}
#index .dp_01 .dp_02 .swiper-pagination-bullet{width: 16px;height: 16px;}
/*全屋定制*/
#index .quick .center .qwdz{width: 1320px;height: 556px;margin-top: 30px;position: relative;overflow: hidden;display: flex;flex-direction: row;justify-content: flex-start}
#index .quick .center .qwdz .qw_d1{width: 320px;height: 100%;position: relative}
#index .quick .center .qwdz .qw_d1 a .d1{width: 244px;height: 64px;position: absolute;text-align: center;left: 38px;top:405px;font-size: 22px;background: #EA5B24;line-height: 64px;color:#fff;letter-spacing: 2px;}
#index .quick .center .qwdz .qw_d1 a .d1:hover {background: #ea6c24;color: #fff;transition: 0.5s;}
#index .quick .center .qwdz .qw_d2{width: 1000px;height: 100%;overflow: hidden;position: relative}
#index .quick .center .qwdz .qw_d2 .swiper-button-nextqw,#index .quick .center .qwdz .qw_d2 .swiper-button-prevqw{top:88%;position: absolute;width: 40px;height: 50px;z-index: 2;}
#index .quick .center .qwdz .qw_d2 .swiper-button-nextqw{right: 130px}
#index .quick .center .qwdz .qw_d2 .swiper-button-prevqw{left:765px}
/*美化软装*/
#index .quick .center .mhrz{width: 1320px;height: 593px;margin-top: 30px;position: relative;overflow: hidden}
/*金融服务*/
#index .quick .jrfw{width: 100%;height: 639px;background: url(../images/g2020/header/jr.png);background-size: 100% 100%;}
#index .quick .jrfw .jr_d1{width: 1200px;height: 100%;margin: auto;position: relative}
#index .quick .jrfw .jr_d1 .order {
width: 500px;
height: 460px;
position: absolute;
right:-9px;
top:124px
}
#index .quick .jrfw .jr_d1 .order input {
width: 86%;
font-size: 16px;
letter-spacing: 2px;
height: 66px;
box-sizing: border-box;
padding-left: 10px;
margin-bottom: 24px;
border-radius: 5px;
margin-left: 7%;
background: #fff;
border: none;
}
#index .quick .jrfw .jr_d1 .order .dosubmit1 {
width: 86%;
height: 66px;
font-size: 30px;
letter-spacing: 3px;
margin:12px 0 0 7%;
color: #fff;
outline: none;
border: none;
cursor: pointer;
background-size:100% 100%;
text-align: center;
line-height:66px;
background-image: linear-gradient(to left, #e94507,#E94F13, #e96430);
}
#index .quick .jrfw .jr_d1 .order .dosubmit1:hover {
color:#fff;
background-image: linear-gradient(to left, #e96430,#E94F13, #e94507);
transition: 1s;
}
/*智能家居*/
#index .znjj .bd ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
width: 12rem;
height: 7rem;
}
#index .znjj .bd ul li {
width: 3.89rem;
height: 3.4rem;
background-color: #ee9e3d;
position: relative;
overflow: hidden;
border-radius: 0.08rem;
}
#index .znjj .bd ul li a .des {
position: absolute;
top: 2.72rem;
width: 3.89rem;
background-color: rgba(0, 0, 0, 0.9);
display: flex;
flex-direction: row;
justify-content: space-between;
box-sizing: border-box;
padding-left: 0.19rem;
padding-right: 0.12rem;
height: 0.68rem;
overflow: hidden;
}
#index .znjj .bd ul li a .des .village-name {
color: #fff;
width: 3rem;
box-sizing: border-box;
padding-top: 0.05rem;
}
#index .znjj .bd ul li a .des .village-name div {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#index .znjj .bd ul li a .des .tocase {
width: 1.2rem;
height: 0.68rem;
line-height: 0.8rem;
}
#index .znjj .bd ul li a .des .tocase img {
width: auto;
height: 0.15rem;
}
#index .znjj .bd ul li a .des .tocase img:nth-child(2) {
margin: 0 0.02rem 0 0.14rem;
}
#index .znjj .bd ul li a .des .tocase span {
color: #d19600;
}
#index .znjj .bd ul li a .case-pic {
transform: scale(1);
}
#index .znjj .bd ul li .grid {
clear: both;
}
#index .znjj .bd ul li .grid .figure {
position: relative;
overflow: hidden;
background: #fff;
}
#index .znjj .bd ul li .grid .figure img {
position: relative;
display: block;
opacity: 0.8;
}
#index .znjj .bd ul li .grid .figure .figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#index .znjj .bd ul li .grid .figure .figcaption::before {
pointer-events: none;
}
#index .znjj .bd ul li .grid .figure .figcaption::after {
pointer-events: none;
}
#index .znjj .bd ul li .grid .effect-apollo {
background: #fff;
}
#index .znjj .bd ul li .grid .effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
#index .znjj .bd ul li .grid .effect-apollo .figcaption::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
#index .znjj .bd ul li .grid .effect-apollo:hover img {
opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);
}
#index .znjj .bd ul li .grid .effect-apollo:hover .figcaption::before {-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
#index .znjj .bd ul li:hover {box-shadow: 0 0 0.15rem 0px rgba(0, 0, 0, 0.6);transition: 0.5s;
}
#index .znjj .bd ul li:hover .case-pic {transform: scale(1.15);transition: 0.5s;}
#index .znjj .hd ul {margin-top: 0.25rem;display: flex;flex-direction: row;justify-content: space-between;}
#index .znjj .hd ul li {height: 0.56rem;line-height: 0.56rem;text-align: center;color:#060606;background: #fff;}
#index .znjj .hd ul .on {color: #EB5C24;}
#index .znjj .bd{width: 100%;height: 680px;margin-top:43px;position: relative}
#index .znjj .conWrap{width: 100%;height: 100%}
#index .znjj .bd .prev,#index .znjj .bd .next{ position:absolute; left:38px; top:301px;width: 40px;height: 60px;;display: block}
#index .znjj .bd .next{ left:auto; right:55px; }
/*底部导航*/
/*底部导航*/
.land_footer_gai {
width: 100%;
background-color:#333333;
display: table;
}
.land_footer_gai_on {
width: 14rem;
margin: auto;
}
.land_footer_gai_on_a {
width: 100%;
height: 0.3rem;
}
.land_footer_gai_on_a_img {
width: 2.84rem;
}
.land_footer_gai_on_a_img img {
width: 100%;
display: table;
}
.land_footer_gai_on_b {
width: 100%;
display: table;
}
.land_footer_gai_on_b_yi {
width: 3rem;
float: left;
}
.land_footer_gai_on_b_er {
width: 2.2rem;
float: left;
border-right: 1px solid #fff;
text-align: center;
}
.land_footer_gai_on_b_san {
width: 2.2rem;
float: left;
border-right: 1px solid #fff;
text-indent: 1rem;
}
.land_footer_gai_on_b_si {
width: 2.2rem;
float: left;
border-right: 1px solid #fff;
text-align: center;
}
.land_footer_gai_on_b_wu {
width: 3rem;
display: flex;
justify-content: space-between;
margin-top: 46px;
}
.land_footer_gai_on_b_wu .land_buttom_so_text{line-height: 0.3rem;font-size: 0.17rem;color: #fff; text-align: center;}
.land_footer_gai_on_b_yi_title {font-size: 0.22rem;color: #fff;margin-bottom: 0.25rem;}
.land_fo_li ul li {
font-size: 0.16rem;
color: #fff;
line-height: 0.35rem;
cursor: pointer;
transition: 1s;
}
.land_fo_li ul li:hover {
color: #fff;
transition: 1s;
text-decoration: underline;
}
.land_buttom_so {
width: 1.08rem;
}
.land_buttom_so img {
width: 100%;
}
.land_buttom_so_text {
font-size: 0.16rem;
}
.land_footer_gai_to {
width: 100%;
height: 0.7rem;
line-height: 0.7rem;
background-color: #272727;
text-align: center;
color: #bfc0c0;
font-size: 0.14rem;
}
#tc_maps {
width: 0%;
height: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 99999999;
overflow: hidden;
}
#index .quick .center .fashion .design {
width: 100%;
height: 5.61rem;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: relative;
}
#index .quick .center .fashion .design .bd {
width: 100%;
}
#index .quick .center .fashion .design ul {
display: flex;
flex-direction: row;
overflow: hidden;
}
#index .quick .center .fashion .design ul li {
width: 12rem !important;
height: 5.61rem;
position: relative;
}
#index .quick .center .fashion .design ul li div {
width: 1.21rem;
height: 0.41rem;
border: solid 1px #EB5C24;
position: absolute;
bottom: 0.6rem;
left: 0.66rem;
color: #EB5C24;
text-align: center;
line-height: 0.41rem;
}
#index .quick .center .fashion .design ul li div:hover {
background: rgba(236, 171, 19, 0.8);
color: #fff;
transition: 0.5s;
}
#index .quick .center .fashion .design .prev {
width: 0.18rem;
height: 0.37rem;
position: absolute;
top: 3.23rem;
left: -0.4rem;
}
#index .quick .center .fashion .design .prev:hover {
transform: scale(1.3);
transition: 0.5s;
}
#index .quick .center .fashion .design .next {
width: 0.18rem;
height: 0.37rem;
position: absolute;
top: 3.23rem;
right: -0.4rem;
}
#index .quick .center .fashion .design .next:hover {
transform: scale(1.3);
transition: 0.5s;
}
#index .quick .center .fashion .team {
width: 12rem;
margin: 0.3rem auto 0;
}
#index .quick .center .fashion .team .h1 {
text-align: center;
height: 1.4rem;
line-height: 1.4rem;
}
#index .quick .center .fashion .team .h1 p {
margin: 0.22rem 0;
color: #fff;
}
#index .quick .center .fashion .team .pictuer {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 12rem;
margin-top: 0.15rem;
}
#index .quick .center .fashion .team .pictuer .ul1 {
padding: 0;
width: 12rem;
overflow: hidden;
height: 3.45rem;
}
#index .quick .center .fashion .team .pictuer .ul1 li {
float: left;
width: 2.01rem;
height: 3.45rem;
margin: 0 0.2rem;
overflow: hidden;
}
#index .quick .center .fashion .team .pictuer .ul1 li .stylist {
width: 2.01rem;
height: 3.45rem;
background-color: #ebeecc;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe {
width: 2.01rem;
height: 3.45rem;
display: flex;
position: relative;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .front,
#index .quick .center .fashion .team .pictuer .ul1 li .describe .back {
display: flex;
border-radius: 6px;
background-position: center;
background-size: cover;
text-align: center;
justify-content: center;
align-items: center;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: ease-in-out 1000ms;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .front {
background-size: cover;
overflow: hidden;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .front:before {
position: absolute;
display: block;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.25;
z-index: -1;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .back {
transform: rotateY(-180deg);
padding: 0 2em;
display: flex;
flex-direction: column;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.7);
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .back .button {
transform: translateZ(40px);
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-weight: bold;
color: #fff;
padding: 0.5em 1em;
border-radius: 100px;
font: inherit;
background: linear-gradient(135deg, #fcc437, #d19600);
border: none;
position: relative;
transform-style: preserve-3d;
transition: 300ms ease;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .back .button:before {
transition: 300ms ease;
position: absolute;
display: block;
content: '';
transform: translateZ(-40px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: calc(100% - 20px);
width: calc(100% - 20px);
border-radius: 100px;
left: 0.1rem;
top: 16px;
box-shadow: 0 0 0.1rem 0.1rem rgba(231, 217, 15, 0.25);
background-color: rgba(231, 217, 15, 0.25);
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .back .button:hover {
transform: translateZ(55px);
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .back .button:hover:before {
transform: translateZ(-55px);
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .back .button:active {
transform: translateZ(20px);
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .back .button:active:before {
transform: translateZ(-20px);
top: 12px;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe span {
color: #fcc437;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .sp1 {
line-height: 0.25rem;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .sp2 {
margin-top: 0.02rem;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .sp3 {
line-height: 0.22rem;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .deg-case {
line-height: 0.2rem;
margin-top: 0.02rem;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe .name {
line-height: 0.3rem;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe button {
margin-top: 0.43rem;
width: 0.8rem;
height: 0.34rem;
line-height: 0.24rem;
border: solid 0.01rem #d19600;
color: #fcc437;
opacity: 1;
background-color: rgba(0, 0, 0, 0.3);
font-size: 0.13rem;
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe:hover .front {
transform: rotateY(180deg);
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe:nth-child(even):hover .front {
transform: rotateY(-180deg);
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe:hover .back {
transform: rotateY(0deg);
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe:nth-child(even) .back {
transform: rotateY(180deg);
}
#index .quick .center .fashion .team .pictuer .ul1 li .describe:nth-child(even):hover .back {
transform: rotateY(0deg);
}
#index .quick .center .fashion .team .pictuer .ul1 li:hover .describe {
opacity: 1;
}
#index .quick .center .fast {
height: 5rem;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.3);
background-color: #ffffff;
margin-bottom: 0.6rem;
}
#index .quick .center .fast .date {
width: 100%;
display: flex;
justify-content: center;
}
#index .quick .center .fast .date ul {
width: 11.04rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#index .quick .center .fast .date ul li {
width: 1.24rem;
height: 3rem;
list-style: none;
background-color: #cfc4c4;
position: relative;
}
#index .quick .center .fast .date ul li .both-line {
width: 0.64rem;
height: 0.17rem;
border-left: 0.04rem solid #EB5C24;
border-right: 0.04rem solid #EB5C24;
position: absolute;
top: -0.08rem;
left: 0.3rem;
}
#index .quick .center .fast .date ul li .img {
width: 1.24rem;
height: 2.32rem;
background-color: #e9c3c3;
}
#index .quick .center .fast .date ul li .img span {
position: absolute;
top: 1.99rem;
left: 0.37rem;
color: #fff;
}
#index .quick .center .fast .date ul li .day {
text-align: center;
}
#index .quick .center .fast .date ul li .day em {
color: #ce930b;
}
#index .quick .center .whole {
height: 4.2rem;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.3);
background-color: #ffffff;
}
#index .quick .center .whole .live {
background-image: url('../images/index/jh6.jpg');
height: 3.4rem;
width: 7.82rem;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#index .quick .center .whole .live div {
width: 2.2rem;
height: 2rem;
background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#000000, #000000);
background-blend-mode: normal,
normal;
box-shadow: 0px 3px 0.1rem 0px rgba(0, 0, 0, 0.5);
border-radius: 0.04rem;
opacity: 0.9;
text-align: center;
}
#index .quick .center .whole .live div img {
margin-top: 0.55rem;
}
#index .no-waite {
width: 100%;
height: 11rem;
}
#index .no-waite .one {
width: 12rem;
margin: 0 auto;
height: 5rem;
}
#index .no-waite .one .title {
width: 100%;
height: 1.28rem;
display: flex;
flex-direction: row;
align-items: flex-end;
border-bottom: 0.01rem solid #7f7f7f;
}
#index .no-waite .one .title .one-til {
height: 1.08rem;
line-height: 1.26rem;
}
#index .no-waite .one .title .one-til span {
color: #000000;
}
#index .no-waite .one .title .two-til {
height: 0.53rem;
padding-left: 0.21rem;
}
#index .no-waite .one .img {
width: 100%;
height: 3.96rem;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 0.3rem;
}
#index .no-waite .one .img .days {
width: 1.26rem;
height: 3.02rem;
}
#index .no-waite .one .img .days:hover {
transition: 0.5s;
transform: scale(1.08);
box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
}
#index .no-waite .two {
height: 6.14rem;
}
#index .no-waite .two .title {
width: 100%;
height: 0.9rem;
display: flex;
flex-direction: row;
align-items: flex-end;
border-bottom: 0.01rem solid #7f7f7f;
}
#index .no-waite .two .title .one-til {
height: 1.08rem;
line-height: 1.26rem;
}
#index .no-waite .two .title .one-til span {
color: #000000;
}
#index .no-waite .two .title .two-til {
height: 0.53rem;
padding-left: 0.21rem;
}
#index .no-waite .two .three-item {
width: 100%;
height: 4.23rem;
margin-top: 0.36rem;
background-size: 100% 100%;
padding: 1.24rem 2.66rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
#index .no-waite .two .three-item .tb {
width: 1.74rem;
height: 1.74rem;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 0.38rem;
}
#index .no-waite .two .three-item .tb div {
width: 0.62rem;
height: 0.62rem;
display: flex;
justify-items: center;
align-items: center;
}
#index .no-waite .two .three-item .tb p {
color: #fff;
margin: 0.14rem 0;
}
#index .no-waite .two .three-item .tb:hover {
transform: translateY(-0.15rem);
transition: 0.5s;
}
#index .no-waite .two .three-item .tb:hover p {
color: #ce930b;
}
#index .no-waite .center .fast .date {
width: 100%;
display: flex;
justify-content: center;
margin-top: 0.6rem;
}
#index .no-waite .center .fast .date ul {
width: 11.04rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#index .no-waite .center .fast .date ul li {
width: 1.24rem;
height: 3rem;
list-style: none;
background-color: #fff;
position: relative;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.3);
}
#index .no-waite .center .fast .date ul li .both-line {
width: 0.64rem;
height: 0.17rem;
border-left: 0.04rem solid #EB5C24;
border-right: 0.04rem solid #EB5C24;
position: absolute;
top: -0.08rem;
left: 0.3rem;
}
#index .no-waite .center .fast .date ul li .img {
width: 1.24rem;
height: 2.32rem;
background-color: #e9c3c3;
}
#index .no-waite .center .fast .date ul li .img span {
position: absolute;
top: 1.99rem;
left: 0.37rem;
color: #fff;
}
#index .no-waite .center .fast .date ul li .day {
text-align: center;
}
#index .no-waite .center .fast .date ul li .day span {
color: #ce930b;
font-weight: 500;
}
#index .no-waite .center .whole {
height: 4.2rem;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.3);
background-color: #ffffff;
}
#index .no-waite .center .whole .live {
background-image: url('../images/index/jh6.jpg');
height: 3.4rem;
}
#index .no-waite .center .whole .live .middle {
height: 3.4rem;
width: 7.82rem;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#index .no-waite .center .whole .live .three-only {
width: 2.2rem;
height: 2rem;
background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#000000, #000000);
background-blend-mode: normal,
normal;
box-shadow: 0px 3px 0.1rem 0px rgba(0, 0, 0, 0.5);
border-radius: 0.04rem;
opacity: 0.9;
text-align: center;
}
#index .no-waite .center .whole .live img {
margin-top: 0.55rem;
}
#index .the-best {
height: 5.96rem;
background-image: url("../images/index/4.jpg");
display: flex;
align-items: center;
}
#index .the-best .middle {
width: 10rem;
height: 5rem;
margin: 0 auto;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#index .the-best .middle .titl {
width: 100%;
height: 1.41rem;
line-height: 1.41rem;
border-bottom: 0.01rem solid #ffffff;
text-align: center;
letter-spacing: 0.01rem;
}
#index .the-best .middle .titl .size52 {
color: #ffffff;
}
#index .the-best .middle .des {
width: 100%;
height: 3.58rem;
}
#index .the-best .middle .des .one {
height: 0.84rem;
line-height: 0.84rem;
text-align: center;
}
#index .the-best .middle .des .one .size33 {
color: #EB5C24;
}
#index .the-best .middle .des .seven {
width: 6.77rem;
height: 1.48rem;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#index .the-best .middle .des .seven .sev-son {
display: flex;
flex-direction: column;
align-items: center;
transform-style: preserve-3d;
}
#index .the-best .middle .des .seven .sev-son .first {
color: #EB5C24;
line-height: 0.3rem;
}
#index .the-best .middle .des .seven .sev-son .seconud {
line-height: 0.25rem;
}
#index .the-best .middle .des .seven .sev-son .size16 {
color: #ffffff;
}
#index .the-best .middle .des .seven .sev-son:hover {
transition: all 4s;
transform: rotateY(360deg);
}
#index .the-best .middle .des .seven .add {
padding-top: 0.19rem;
}
#index .the-best .middle .des .look {
width: 3rem;
height: 0.4rem;
margin: 0.3rem auto;
}
#index .the-best .middle .des .look button {
width: 3rem;
height: 0.4rem;
color: #ffffff;
border: solid 0.01rem #ffffff;
background-color: rgba(0, 0, 0, 0.1);
}
#index .the-best .middle .des .look button:hover {
color: #000;
border: solid 0.01rem #EB5C24;
background-color: #EB5C24;
transition: 0.5s;
}
#index .compute {
height: 2.75rem;
width: 100%;
background-color: #f5f5f5;
}
#index .compute .center>div:nth-child(1) .size33 {
color: #EB5C24;
line-height: 0.99rem;
}
#index .compute .center>div:nth-child(2) {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#index .compute .center>div:nth-child(2) .ipts {
display: flex;
flex-wrap: wrap;
align-content: space-between;
justify-content: space-between;
width: 10.18rem;
height: 1.18rem;
}
#index .compute .center>div:nth-child(2) .ipts input {
width: 5rem;
height: 0.5rem;
padding-left: 0.19rem;
box-sizing: border-box;
}
#index .compute .center>div:nth-child(2) .ipts select {
width: 5rem;
height: 0.5rem;
padding-left: 0.19rem;
box-sizing: border-box;
color: rgb(117, 117, 117);
}
#index .compute .center>div:nth-child(2) .free {
width: 1.44rem;
height: 1.18rem;
color: #ffffff;
background-color: #EB5C24;
border: solid 1px #EB5C24;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#index .compute .center>div:nth-child(2) .free img {
width: 0.42rem;
height: 0.42rem;
}
#index .compute .center>div:nth-child(2) .free .size21 {
line-height: 0.4rem;
}
#index .compute .center>div:nth-child(2) .free:hover {
background-color: #363636;
border: solid 1px #363636;
transition: 0.5s;
transform: scale(1.08);
}
#index .cases {
height: 10.04rem;
background-color: #ffffff;
}
#index .cases .center .line {
width: 100%;
height: 1px;
background-color: #646464;
margin-bottom: 0.35rem;
}
#index .cases .h-titl {
height: 1.25rem;
line-height: 1.6rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#index .cases .h-titl div {
width: 2rem;
height: 0.45rem;
color: #EB5C24;
border: solid 1px #EB5C24;
background-color: #fff;
margin-top: 0.6rem;
line-height: 0.45rem;
text-align: center;
}
#index .cases .h-titl div:hover {
color: #fff;
background-color: #EB5C24;
transition: 0.5s;
}
#index .cases .bd ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
width: 12rem;
height: 7rem;
}
#index .cases .bd ul li {
width: 3.89rem;
height: 3.4rem;
background-color: #ee9e3d;
position: relative;
overflow: hidden;
border-radius: 0.08rem;
}
#index .cases .bd ul li a .des {
position: absolute;
top: 2.72rem;
width: 3.89rem;
background-color: rgba(0, 0, 0, 0.9);
display: flex;
flex-direction: row;
justify-content: space-between;
box-sizing: border-box;
padding-left: 0.19rem;
padding-right: 0.12rem;
height: 0.68rem;
overflow: hidden;
}
#index .cases .bd ul li a .des .village-name {
color: #fff;
width: 3rem;
box-sizing: border-box;
padding-top: 0.05rem;
}
#index .cases .bd ul li a .des .village-name div {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#index .cases .bd ul li a .des .tocase {
width: 1.2rem;
height: 0.68rem;
line-height: 0.8rem;
}
#index .cases .bd ul li a .des .tocase img {
width: auto;
height: 0.15rem;
}
#index .cases .bd ul li a .des .tocase img:nth-child(2) {
margin: 0 0.02rem 0 0.14rem;
}
#index .cases .bd ul li a .des .tocase span {
color: #d19600;
}
#index .cases .bd ul li a .case-pic {
transform: scale(1);
}
#index .cases .bd ul li .grid {
clear: both;
}
#index .cases .bd ul li .grid .figure {
position: relative;
overflow: hidden;
background: #fff;
}
#index .cases .bd ul li .grid .figure img {
position: relative;
display: block;
opacity: 0.8;
}
#index .cases .bd ul li .grid .figure .figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#index .cases .bd ul li .grid .figure .figcaption::before {
pointer-events: none;
}
#index .cases .bd ul li .grid .figure .figcaption::after {
pointer-events: none;
}
#index .cases .bd ul li .grid .effect-apollo {
background: #fff;
}
#index .cases .bd ul li .grid .effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
#index .cases .bd ul li .grid .effect-apollo .figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
#index .cases .bd ul li .grid .effect-apollo:hover img {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
#index .cases .bd ul li .grid .effect-apollo:hover .figcaption::before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
#index .cases .bd ul li:hover {
box-shadow: 0 0 0.15rem 0px rgba(0, 0, 0, 0.6);
transition: 0.5s;
}
#index .cases .bd ul li:hover .case-pic {
transform: scale(1.15);
transition: 0.5s;
}
#index .cases .hd ul {
margin-top: 0.43rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#index .cases .hd ul li {
width: 2.87rem;
height: 0.56rem;
line-height: 0.56rem;
text-align: center;
color:#060606;
background: #fff;
border: solid 1px #8C8C8C;
}
#index .cases .hd ul .on {
background:#EB5C24;
color: #fff;
}
#index .cases .bd{width: 100%;height: 680px;margin-top:60px;position: relative}
#index .cases .conWrap{width: 100%;height: 100%}
#index .cases .bd .prev,#index .cases .bd .next{ position:absolute; left:38px; top:301px;width: 40px;height: 60px;;display: block}
#index .cases .bd .next{ left:auto; right:55px; }
#index .vr {
height: 8.3rem;
background-image: url("../images/index/43.jpg");
padding-top: 0.6rem;
}
#index .vr .center>div {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
color: #ffffff;
}
#index .vr .vr-case {
height: 1.2rem;
border-bottom: 0.01rem solid #fff;
}
#index .vr .vr-case .result {
display: flex;
flex-direction: column;
}
#index .vr .vr-case .result .size19 {
color: #c8c8c8;
}
#index .vr .vr-case .lookmore .size18 {
width: 2rem;
height: 0.45rem;
border: solid 1px #EB5C24;
letter-spacing: 0.02rem;
color: #EB5C24;
background-color: #363636;
}
#index .vr .vr-case .lookmore .size18:hover {
color: #fff;
background-color: #EB5C24;
transition: 0.5s;
}
#index .vr .vr-img {
margin-top: 0.3rem;
}
#index .vr .vr-img .vi-left {
width: 8.7rem;
height: 5.3rem;
background-color: #c3e6e6;
}
#index .vr .vr-img .vi-right {
width: 3rem;
height: 5.3rem;
background-color: #f4d7fa;
}
#index .under-construction {
height: 7.6rem;
background-color: #ffffff;
}
#index .under-construction .center .under-case,
#index .under-construction .center .under-img {
display: flex;
flex-direction: row;
justify-content: space-between;
color: #000;
}
#index .under-construction .under-case {
height: 1.2rem;
border-bottom: 0.01rem solid #000;
line-height: 1.5rem;
}
#index .under-construction .under-case .result .size19 {
color: #646464;
padding-left: 0.08rem;
}
#index .under-construction .under-case .end_lipan {
text-align: center;
width: 2rem;
height: 0.45rem;
line-height: 0.45rem;
margin-top: 0.5rem;
border: solid 1px #EB5C24;
color: #EB5C24;
background-color: #fff;
}
#index .under-construction .under-case .end_lipan:hover {
color: #fff;
background-color: #EB5C24;
}
#index .under-construction .under-img {
margin-top: 0.3rem;
align-items: center;
}
#index .under-construction .under-img .under-left {
width: 8.5rem;
height: 5.5rem;
}
#index .under-construction .under-img .under-left .sliper {
width: 8.5rem;
height: 3.8rem;
position: relative;
}
#index .under-construction .under-img .under-left .sliper .prev {
position: absolute;
top: 1.73rem;
left: 0.24rem;
z-index: 100;
}
#index .under-construction .under-img .under-left .sliper .prev:hover img {
transition: 0.5s;
transform: scale(1.1rem);
}
#index .under-construction .under-img .under-left .sliper .next {
position: absolute;
top: 1.73rem;
right: 0.24rem;
z-index: 100;
}
#index .under-construction .under-img .under-left .sliper .under-big {
width: 8.5rem;
height: 3.8rem;
overflow: hidden;
}
#index .under-construction .under-img .under-left .sliper .under-big .under-sliper {
width: 8.5rem;
height: 3.8rem;
position: relative;
}
#index .under-construction .under-img .under-left .sliper .under-big .under-sliper p {
position: absolute;
left: 0.24rem;
top: 3.2rem;
color: #fff;
background-color: rgba(0, 0, 0, 0.1);
}
#index .under-construction .under-img .under-left .sliper .under-big .under-sliper p span {
margin-left: 3px;
text-shadow: 0.1rem, 0.1rem, 0.1rem, #000;
}
#index .under-construction .under-img .under-left .under-smart {
margin-top: 0.2rem;
width: 8.5rem;
height: 1.5rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#index .under-construction .under-img .under-left .under-smart .smart {
width: 2.7rem;
height: 1.5rem;
background-color: #fce8c4;
}
#index .under-construction .under-img .under-left .under-smart .smart a {
display: block;
}
#index .under-construction .under-img .under-left .under-smart .smart p {
position: relative;
top: -0.5rem;
color: #fff;
padding-left: 0.2rem;
}
#index .under-construction .under-img .under-left .under-smart .smart p span {
background-color: rgba(0, 0, 0, 0.1);
}
#index .under-construction .under-img .under-left .under-smart .smart:hover {
transform: scale(1.05);
transition: 0.5s;
}
#index .under-construction .under-img .under-right {
width: 3.25rem;
height: 5.5rem;
background-color: #dddddd;
}
#index .under-construction .under-img .under-right .visit {
margin-top: 0.69rem;
}
#index .under-construction .under-img .under-right .visit .size30 {
color: #EB5C24;
text-align: center;
}
#index .under-construction .under-img .under-right .visit .size26 {
color: #EB5C24;
text-align: center;
margin-top: -0.03rem;
}
#index .under-construction .under-img .under-right form {
width: 2.5rem;
margin: 0.245rem auto 0.18rem;
}
#index .under-construction .under-img .under-right form input {
box-sizing: border-box;
width: 2.5rem;
height: 0.42rem;
background-color: #ffffff;
border: solid 1px #c8c8c8;
padding-left: 0.17rem;
margin-bottom: 0.16rem;
}
#index .under-construction .under-img .under-right form select {
box-sizing: border-box;
width: 2.5rem;
height: 0.42rem;
background-color: #ffffff;
border: solid 1px #c8c8c8;
padding-left: 0.17rem;
margin-bottom: 0.16rem;
color: #6b6b6b;
}
#index .under-construction .under-img .under-right form div {
width: 2.5rem;
height: 0.46rem;
background-color: #EB5C24;
border: 0.01rem solid #EB5C24;
color: #ffffff;
text-align: center;
line-height: 0.46rem;
margin-top: 0.1rem;
}
#index .under-construction .under-img .under-right form div:hover {
transition: 0.5s;
border: 0.01rem solid #EB5C24;
background-color: #fff;
color: #EB5C24;
}
#index .under-construction .under-img .under-right .privacy {
width: 2.35rem;
height: 0.3rem;
margin: 0.28rem auto 0;
}
#index .under-construction .under-img .under-right .privacy span {
text-align: center;
color: #979797;
}
#index .under-construction .under-img .under-right:hover {
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
background-color: #f7f8f8;
}
#index .under-construction .under-img .under-right>div {
display: flex;
flex-direction: column;
justify-content: center;
}
#index .quality {
height: 6.66rem;
}
#index .quality .qua-tile {
height: 1.65rem;
box-sizing: border-box;
padding-top: 0.32rem;
position: relative;
text-align: center;
}
#index .quality .qua-tile .maintitle{ height: 0.6rem;color: #2C2C2C; }
#index .quality .qua-tile .size22 {color: #2b2b2b;}
#index .quality .pic {
overflow: hidden;
width:1236px;
height: 500px;
margin: 0 auto;
}
#index .quality .pic ul li {
float: left;
margin: 0 2px;
}
#index .quality .pic ul .pic1 {
background-image: url("../images/g2020/header/sh1.png");
background-position: center center;
background-repeat: no-repeat;
width: 834px;
}
#index .quality .pic ul .pic2 {
background-image: url("../images/g2020/header/sh2.png");
background-position: center center;
background-repeat: no-repeat;
}
#index .quality .pic ul .pic3 {
background-image: url("../images/g2020/header/sh3.png");
background-position: center center;
background-repeat: no-repeat;
}
#index .quality .pic ul .pic4 {
background-image: url("../images/g2020/header/sh4.png");
background-position: center center;
background-repeat: no-repeat;
}
#index .quality .pic ul .pic5 {
background-image: url("../images/g2020/header/sh5.png");
background-position: center center;
background-repeat: no-repeat;
}
#index .quality .pic ul .pic6 {
background-image: url("../images/g2020/header/sh6.png");
background-position: center center;
background-repeat: no-repeat;
}
#index .quality .pic ul .pic7 {
background-image: url("../images/g2020/header/sh7.png");
background-position: center center;
background-repeat: no-repeat;
}
#index .quality .txt {
width: 84px;
height: 5rem;
writing-mode: vertical-rl;
writing-mode: tb-rl;
text-align: center;
background-color: #F4F4F4;
color: #000;
line-height: 0.6rem;
font-weight: 600;
}
#index .quality .a .txt {
background-color: #EB5C24;
color: #fff;
/*opacity: 0.7;*/
}
#index .quality .txt p {
float: left;
}
#index .quality .txt .p1 {
font-size: 0.28rem;
font-weight: 400;
line-height:78px;
margin-top: 171px;
}
#index .quality .txt .p2{
margin-top: 72px;
}
#index .quality .classify {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 0.4rem;
}
#index .quality .classify .every {
width: 2.7rem;
height: 1rem;
border: solid 0.01rem #fff;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
#index .quality .classify .every .size21 {
display: flex;
flex-direction: column;
color: #fff;
}
#index .quality .classify .every .line {
width: 0.01rem;
height: 0.49rem;
background-color: #fff;
}
#index .quality .classify .every:hover {
transition: 0.5s;
transform: translateY(-10px);
}
#index .news {
height: 6.5rem;
width: 100%;
}
#index .news .news-tile {
height: 1.35rem;
line-height: 1.33rem;
text-align: center;
color: #000;
}
#index .news .content {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
}
#index .news .content .everyone {
width: 3.8rem;
height: 4.6rem;
background-color: #f7f8f8;
border: solid 1px #707070;
}
#index .news .content .everyone .decoration {
width: 3.8rem;
height: 0.54rem;
line-height: 0.54rem;
background-image: linear-gradient(#e5bc4b, #ce930b), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
background-blend-mode: normal,
normal;
text-align: center;
color: #ffffff;
}
#index .news .content .everyone .article {
width: 3rem;
height: 3.3rem;
margin: 0 auto;
}
#index .news .content .everyone .article .size21 {
color: #EB5C24;
height: 0.56rem;
line-height: 0.7rem;
width: 3rem;
border-bottom: 0.01rem solid #c8c8c8;
}
#index .news .content .everyone .article ul {
padding-left: 0.2rem;
}
#index .news .content .everyone .article ul li {
color: #EB5C24;
margin: 0.05rem auto;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 0.25rem;
position: relative;
}
#index .news .content .everyone .article ul li .circle-spot {
position: absolute;
top: 0.11rem;
left: -0.15rem;
width: 0.06rem;
height: 0.06rem;
border-radius: 50%;
background-color: #EB5C24;
}
#index .news .content .everyone .article ul li a {
color: #333333;
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#index .news .content .everyone .article ul li span {
color: black;
}
#index .news .content .everyone .article ul li p {
margin: 0;
color: #7d7d7d;
font-size: 0.12rem;
margin-top: -0.02rem;
text-align: left;
width: 96%;
}
#index .news .content .everyone .article ul li:hover a {
color: #d29a16;
transition-duration: 0.5s;
}
#index .news .content .everyone .article ul li:hover p {
color: #d29a16;
transition-duration: 0.5s;
}
#index .livenew-house {
height: 3.1rem;
background-color: #eeeeee;
}
#index .livenew-house .livenew-tile {
height: 1.55rem;
line-height: 1.55rem;
text-align: center;
}
#index .livenew-house .five {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#index .livenew-house .five .shu-line {
width: 0.01rem;
height: 1.17rem;
background-image: linear-gradient(0deg, #eeeeee 0%, #7d7d7d 50%, #eeeeee 100%), linear-gradient(#838383, #838383);
background-blend-mode: normal,
normal;
}
#index .livenew-house .five .five-step {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.8rem;
height: 1.14rem;
}
#index .livenew-house .five .five-step .size21 {
height: 0.4rem;
line-height: 0.55rem;
}
#index .livenew-house .five .five-step .img1 {
width: 0.54rem;
height: 0.52rem;
}
#index .livenew-house .five .five-step .img2 {
width: 0.54rem;
height: 0.54rem;
}
#index .livenew-house .five .five-step .img3 {
width: 0.49rem;
height: 0.52rem;
}
#index .livenew-house .five .five-step .img4 {
width: 0.67rem;
height: 0.45rem;
}
#index .livenew-house .five .five-step .img5 {
width: 0.55rem;
height: 0.54rem;
}
#index .livenew-house .five .five-step:hover {
transform: translateY(-10px);
transition: 0.5s;
}
#index .livenew-house .five .five-step:hover span {
color: #EB5C24;
}
#meritSpeed .merit-speed-one {
height: 6.5rem;
width: 100%;
background-image: url('../images/product/48.jpg');
position: relative;
}
#meritSpeed .merit-speed-one .roundness {
width: 3.77rem;
height: 0.66rem;
position: absolute;
top: 4rem;
left: 5rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-one .roundness .rotundity {
width: 0.66rem;
height: 0.66rem;
border-radius: 50%;
border: 0.01rem solid #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-items: center;
box-sizing: border-box;
padding-top: 0.1rem;
color: #fff;
}
#meritSpeed .merit-speed-one .rotundity:hover {
transition: 0.54s;
border: 0.01rem solid #000;
color: #000;
transform: translateY(-0.1rem);
}
#meritSpeed .merit-speed-two {
height: 2.9rem;
background-image: url('../images/product/8.jpg');
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.3);
}
#meritSpeed .merit-speed-two .count {
width: 100%;
height: 0.8rem;
line-height: 0.9rem;
}
#meritSpeed .merit-speed-two .count .size33 {
color: #d29708;
}
#meritSpeed .merit-speed-two .ipts {
width: 100%;
height: 1.56rem;
color: #fff;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-two .ipts .left {
height: 1.56rem;
width: 9.37rem;
}
#meritSpeed .merit-speed-two .ipts .left .house-msg {
height: 0.77rem;
width: 9.37rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#meritSpeed .merit-speed-two .ipts .left .house-msg .house-owner {
display: flex;
flex-direction: column;
}
#meritSpeed .merit-speed-two .ipts .left .house-msg .house-owner span {
line-height: 0.3rem;
}
#meritSpeed .merit-speed-two .ipts .left .house-msg .house-owner input,
#meritSpeed .merit-speed-two .ipts .left .house-msg .house-owner select {
width: 2.2rem;
height: 0.44rem;
background-color: #ffffff;
box-sizing: border-box;
border: solid 1px #c9c9c9;
padding-left: 0.13rem;
}
#meritSpeed .merit-speed-two .ipts .left .house-type {
height: 0.77rem;
width: 9.37rem;
}
#meritSpeed .merit-speed-two .ipts .left .house-type span {
line-height: 0.35rem;
}
#meritSpeed .merit-speed-two .ipts .left .house-type div {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#meritSpeed .merit-speed-two .ipts .left .house-type div select {
width: 2.2rem;
height: 0.44rem;
background-color: #ffffff;
box-sizing: border-box;
border: solid 1px #c9c9c9;
padding-left: 0.13rem;
}
#meritSpeed .merit-speed-two .ipts .right {
width: 2.26rem;
height: 1.56rem;
}
#meritSpeed .merit-speed-two .ipts .right .by-stages {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-two .ipts .right .by-stages div {
width: 1.06rem;
height: 0.9rem;
box-sizing: border-box;
background-color: #d29708;
border: solid 1px #d29708;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 0.16rem;
}
#meritSpeed .merit-speed-two .ipts .right .by-stages div span {
line-height: 0.25rem;
}
#meritSpeed .merit-speed-two .ipts .right .by-stages div:hover {
background-color: #363636;
border: solid 1px #363636;
transition: 0.6s;
}
#meritSpeed .merit-speed-two .ipts .right .didi {
width: 2.26rem;
height: 0.52rem;
box-sizing: border-box;
background-color: #d29708;
border: solid 1px #d29708;
margin-top: 0.14rem;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#meritSpeed .merit-speed-two .ipts .right .didi span {
padding-left: 0.08rem;
}
#meritSpeed .merit-speed-two .ipts .right .didi:hover {
background-color: #363636;
border: solid 1px #363636;
transition: 0.6s;
}
#meritSpeed .merit-speed-three {
height: 3.8rem;
background-color: #eeeeee;
}
#meritSpeed .merit-speed-three .center .title {
height: 1.18rem;
width: 100%;
text-align: center;
}
#meritSpeed .merit-speed-three .center .title span {
line-height: 1.3rem;
}
#meritSpeed .merit-speed-three .center .three-all {
height: 2rem;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-three .center .three-all .three-every {
width: 3.81rem;
display: flex;
flex-direction: row;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
#meritSpeed .merit-speed-three .center .three-all .three-every .ever-left {
width: 1.3rem;
background-color: #0b0b0b;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#meritSpeed .merit-speed-three .center .three-all .three-every .ever-left .img img {
margin: 0 auto;
}
#meritSpeed .merit-speed-three .center .three-all .three-every .ever-left .des {
color: #e6e6e6;
display: flex;
flex-direction: column;
text-align: center;
}
#meritSpeed .merit-speed-three .center .three-all .three-every:hover {
transform: translateY(-0.1rem);
transition: 0.5s;
}
#meritSpeed .merit-speed-four {
height: 10.5rem;
background-color: #fff;
}
#meritSpeed .merit-speed-four .h-titl {
height: 1.7rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#meritSpeed .merit-speed-four .h-titl .size67 {
height: 1.36rem;
line-height: 1.7rem;
}
#meritSpeed .merit-speed-four .h-titl .size25 {
color: #ce930b;
}
#meritSpeed .merit-speed-four .bd ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
width: 12rem;
height: 7rem;
}
#meritSpeed .merit-speed-four .bd ul li {
width: 3.89rem;
height: 3.4rem;
background-color: #ee9e3d;
position: relative;
overflow: hidden;
border-radius: 0.08rem;
}
#meritSpeed .merit-speed-four .bd ul li a .des {
position: absolute;
top: 2.72rem;
width: 3.89rem;
background-color: rgba(0, 0, 0, 0.9);
display: flex;
flex-direction: row;
justify-content: space-between;
box-sizing: border-box;
padding-left: 0.19rem;
padding-right: 0.12rem;
height: 0.68rem;
overflow: hidden;
}
#meritSpeed .merit-speed-four .bd ul li a .des .village-name {
color: #fff;
width: 3rem;
box-sizing: border-box;
padding-top: 0.05rem;
}
#meritSpeed .merit-speed-four .bd ul li a .des .village-name div {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#meritSpeed .merit-speed-four .bd ul li a .des .tocase {
width: 1.2rem;
height: 0.68rem;
line-height: 0.8rem;
}
#meritSpeed .merit-speed-four .bd ul li a .des .tocase img {
width: auto;
height: 0.15rem;
}
#meritSpeed .merit-speed-four .bd ul li a .des .tocase img:nth-child(2) {
margin: 0 0.02rem 0 0.14rem;
}
#meritSpeed .merit-speed-four .bd ul li a .des .tocase span {
color: #d19600;
}
#meritSpeed .merit-speed-four .bd ul li a .case-pic {
transform: scale(1);
}
#meritSpeed .merit-speed-four .bd ul li .grid {
clear: both;
}
#meritSpeed .merit-speed-four .bd ul li .grid .figure {
position: relative;
overflow: hidden;
background: #fff;
}
#meritSpeed .merit-speed-four .bd ul li .grid .figure img {
position: relative;
display: block;
opacity: 0.8;
}
#meritSpeed .merit-speed-four .bd ul li .grid .figure .figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2em;
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#meritSpeed .merit-speed-four .bd ul li .grid .figure .figcaption::before {
pointer-events: none;
}
#meritSpeed .merit-speed-four .bd ul li .grid .figure .figcaption::after {
pointer-events: none;
}
#meritSpeed .merit-speed-four .bd ul li .grid .effect-apollo {
background: #fff;
}
#meritSpeed .merit-speed-four .bd ul li .grid .effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
#meritSpeed .merit-speed-four .bd ul li .grid .effect-apollo .figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
#meritSpeed .merit-speed-four .bd ul li .grid .effect-apollo:hover img {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
#meritSpeed .merit-speed-four .bd ul li .grid .effect-apollo:hover .figcaption::before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
#meritSpeed .merit-speed-four .bd ul li:hover {
box-shadow: 0 0 0.15rem 0px rgba(0, 0, 0, 0.6);
transition: 0.5s;
}
#meritSpeed .merit-speed-four .bd ul li:hover .case-pic {
transform: scale(1.15);
transition: 0.5s;
}
#meritSpeed .merit-speed-four .hd ul {
margin-top: 0.23rem;
margin-bottom: 0.45rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-four .hd ul li {
width: 2.87rem;
height: 0.44rem;
line-height: 0.44rem;
text-align: center;
color: #000;
background: #fff;
border: solid 1px #7d7d7d;
}
#meritSpeed .merit-speed-four .hd ul .on {
background: #000;
color: #d29708;
}
#meritSpeed .merit-speed-five {
height: 6.9rem;
background-color: #eeeeee;
}
#meritSpeed .merit-speed-five .center .title {
height: 1.75rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#meritSpeed .merit-speed-five .center .title .size67 {
height: 1.26rem;
line-height: 1.7rem;
color: #323232;
}
#meritSpeed .merit-speed-five .center .title .size25 {
color: #969696;
}
#meritSpeed .merit-speed-five .center .lunbo {
width: 100%;
height: 4.4rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#meritSpeed .merit-speed-five .center .lunbo .prev:hover img {
transform: scale(1.15);
transition: all 0.5s;
}
#meritSpeed .merit-speed-five .center .lunbo .next:hover img {
transform: scale(1.15);
transition: all 0.5s;
}
#meritSpeed .merit-speed-five .center .lunbo .content {
margin: 0;
padding: 0;
width: 11.16rem;
display: flex;
flex-direction: row;
overflow: hidden;
}
#meritSpeed .merit-speed-five .center .lunbo .content li {
width: 5.48rem;
height: 4.4rem;
display: flex;
flex-direction: column;
margin: 0 0.1rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img {
width: 5.48rem;
height: 3.4rem;
position: relative;
color: #fff;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .one {
position: absolute;
top: 0.8rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .two {
position: absolute;
top: 1.5rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .three {
position: absolute;
top: 2.2rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .item1 {
left: 1.05rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .item2 {
left: 1.88rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .item3 {
left: 2.87rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .item4 {
left: 3.9rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .item5 {
left: 1.3rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .item6 {
left: 2.4rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .item7 {
left: 3.48rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .item8 {
left: 0.88rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .item9 {
left: 1.88rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .item10 {
left: 2.97rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .item11 {
left: 3.9rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .manager {
position: absolute;
top: 2.65rem;
left: 1.6rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .show-img .change-color:hover {
color: #ce930b;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .img-des {
height: 1rem;
width: 100%;
background-color: #fff;
text-align: center;
display: flex;
flex-direction: column;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .img-des .size28 {
color: #323232;
height: 0.48rem;
line-height: 0.65rem;
}
#meritSpeed .merit-speed-five .center .lunbo .content li .img-des .size21 {
color: #646464;
}
#meritSpeed .merit-speed-five .center .lunbo .ul2 {
width: 0;
height: 0;
}
#meritSpeed .merit-speed-six {
background-color: #ffffff;
}
#meritSpeed .merit-speed-six .title {
height: 1.3rem;
width: 100%;
border-bottom: 0.02rem solid #0d0d0d;
text-align: center;
}
#meritSpeed .merit-speed-six .title .size63 {
line-height: 1.5rem;
}
#meritSpeed .merit-speed-six section .hd {
height: 0.8rem;
width: 100%;
}
#meritSpeed .merit-speed-six section .hd ul {
margin: 0 auto;
width: 12rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-six section .hd ul .size28 {
line-height: 0.8rem;
}
#meritSpeed .merit-speed-six section .hd ul .on {
color: #ce930b;
}
#meritSpeed .merit-speed-six section .bd {
height: 8rem !important;
}
#meritSpeed .merit-speed-six section .bd ul {
height: 100%;
}
#meritSpeed .merit-speed-six section .bd ul li .words {
width: 100%;
height: 6.5rem;
display: flex;
align-items: center;
}
#meritSpeed .merit-speed-six section .bd ul li .words .content {
width: 6.8rem;
height: 1.9rem;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
color: #fff;
font-weight: 300;
}
#meritSpeed .merit-speed-six section .bd ul li .words .content .size29 {
margin-top: -0.08rem;
}
#meritSpeed .merit-speed-six section .bd ul li .words .content .size25 {
margin-top: 0.15rem;
width: 1.2rem;
height: 0.42rem;
border: solid 1px #ffffff;
text-align: center;
line-height: 0.42rem;
}
#meritSpeed .merit-speed-six section .bd ul li .words .content .size25:hover {
border: solid 1px #ce930b;
background-color: #ce930b;
transition: 0.5s;
}
#meritSpeed .merit-speed-six section .bd ul li .room-botton {
width: 100%;
height: 1.5rem;
}
#meritSpeed .merit-speed-seven {
height: 14rem;
}
#meritSpeed .merit-speed-seven .enjoy {
width: 100%;
height: 1.61rem;
background-image: url('../images/product/product-tab.png');
}
#meritSpeed .merit-speed-seven .enjoy .produte-home {
height: 100%;
width: 25%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-seven .enjoy .produte-home li {
color: #646464;
height: 100%;
line-height: 1.6rem;
position: relative;
text-align: center;
}
#meritSpeed .merit-speed-seven .enjoy .produte-home li .triangle {
width: 0.4rem;
height: 0.18rem;
position: absolute;
top: 1.33rem;
left: 0.75rem;
background-image: url('../images/product/triangle-w.png');
}
#meritSpeed .merit-speed-seven .enjoy .produte-home .on {
color: #d29708;
}
#meritSpeed .merit-speed-seven .enjoy .produte-home .on .triangle {
background-image: url('../images/product/triangle-on.png');
}
#meritSpeed .merit-speed-seven .enjoy-des {
height: 12.4rem;
color: #fff;
}
#meritSpeed .merit-speed-seven .enjoy-des .enjoy-tile {
height: 1.66rem;
}
#meritSpeed .merit-speed-seven .enjoy-des .enjoy-tile .size50 {
text-align: center;
height: 1.05rem;
line-height: 1.3rem;
}
#meritSpeed .merit-speed-seven .enjoy-des .enjoy-tile .size50 .cor {
color: #d29708;
}
#meritSpeed .merit-speed-seven .enjoy-des .enjoy-tile .size25 {
text-align: center;
color: #969696;
}
#meritSpeed .merit-speed-seven .enjoy-des .materials {
height: 5.27rem;
}
#meritSpeed .merit-speed-seven .enjoy-des .materials .hd {
height: 0.47rem;
width: 100%;
}
#meritSpeed .merit-speed-seven .enjoy-des .materials .hd ul {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-seven .enjoy-des .materials .hd ul li {
width: 2.25rem;
height: 0.47rem;
background-color: #ffffff;
color: #646464;
text-align: center;
line-height: 0.47rem;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
#meritSpeed .merit-speed-seven .enjoy-des .materials .hd ul .on {
background-color: #d29708;
color: #ffffff;
}
#meritSpeed .merit-speed-seven .enjoy-des .materials .bd {
height: 9.37rem !important;
margin-top: 0.2rem;
width: 12rem !important;
}
#meritSpeed .merit-speed-seven .enjoy-des .materials .bd ul {
width: 100% !important;
}
#meritSpeed .merit-speed-seven .enjoy-des .materials .bd ul li {
width: 100%;
height: 4.59rem;
display: flex;
align-items: center;
color: #000;
}
#meritSpeed .merit-speed-seven .enjoy-des .materials .bd ul li .materials-des {
width: 3.5rem;
height: 2rem;
margin: 0 auto;
}
#meritSpeed .merit-speed-seven .enjoy-des .materials .bd ul li .materials-des div {
text-align: center;
}
#meritSpeed .merit-speed-seven .enjoy-des .materials .bd ul li .materials-des .size42 {
margin-top: -0.05rem;
}
#meritSpeed .merit-speed-seven .enjoy-des .materials .bd ul li .materials-des .line {
width: 0.28rem;
height: 0.02rem;
margin: 0.13rem auto 0.07rem;
background-color: #000;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.6);
}
#meritSpeed .merit-speed-seven .enjoy-des .original-materials .top-level {
height: 1.58rem;
text-align: center;
display: flex;
flex-direction: column;
}
#meritSpeed .merit-speed-seven .enjoy-des .original-materials .top-level .size50 {
height: 1.04rem;
line-height: 1.5rem;
color: #323232;
}
#meritSpeed .merit-speed-seven .enjoy-des .original-materials .top-level .size25 {
color: #969696;
line-height: 0.4rem;
}
#meritSpeed .merit-speed-seven .enjoy-des .original-materials .assist-all {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-seven .enjoy-des .original-materials .assist-all .assist {
width: 2.85rem;
height: 3.07rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.2);
position: relative;
}
#meritSpeed .merit-speed-seven .enjoy-des .original-materials .assist-all .assist div {
width: 100%;
height: 0.7rem;
text-align: center;
display: flex;
flex-direction: column;
position: absolute;
top: 2.07rem;
color: #646464;
}
#meritSpeed .merit-speed-seven .enjoy-des .original-materials .assist-all .assist:hover {
transform: translateY(-0.1rem);
transition: all 0.5s;
}
#meritSpeed .merit-speed-seven .enjoy-des1 {
background-image: url('../images/product/black-bgi.png');
}
#meritSpeed .merit-speed-seven .enjoy-des1 .enjoy-tile .size50 span:nth-child(2) {
color: #fff;
}
#meritSpeed .merit-speed-seven .enjoy-des1 .original-materials .top-level .size50 {
height: 1.04rem;
line-height: 1.5rem;
color: #fff;
}
#meritSpeed .merit-speed-seven .enjoy-des2 {
background-image: url('../images/product/49.jpg');
}
#meritSpeed .merit-speed-seven .enjoy-des2 .enjoy-tile .size50 span:nth-child(2) {
color: #323232;
}
#meritSpeed .merit-speed-seven .enjoy-des2 .original-materials .top-level .size50 {
height: 1.04rem;
line-height: 1.5rem;
color: #323232;
}
#meritSpeed .merit-speed-eight {
height: 8.6rem;
background-color: #fff;
background-image: url('../images/product/28.png');
background-repeat: no-repeat;
}
#meritSpeed .merit-speed-eight .center .title {
height: 1.3rem;
width: 100%;
text-align: center;
color: #ffffff;
}
#meritSpeed .merit-speed-eight .center .title .size63 {
line-height: 1.5rem;
}
#meritSpeed .merit-speed-eight .center .cont {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-eight .center .cont .left,
#meritSpeed .merit-speed-eight .center .cont .right {
width: 5.85rem;
height: 6.3rem;
background-color: #ffffff;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
#meritSpeed .merit-speed-eight .center .cont .soft-decoration {
height: 1.41rem;
display: flex;
flex-direction: column;
text-align: center;
}
#meritSpeed .merit-speed-eight .center .cont .soft-decoration .size42 {
height: 1rem;
line-height: 1.2rem;
color: #d29708;
}
#meritSpeed .merit-speed-eight .center .cont .soft-decoration .size21 {
color: #969696;
}
#meritSpeed .merit-speed-eight .center .cont .four {
display: flex;
flex-wrap: wrap;
width: 4.2rem;
height: 4.2rem;
margin: 0 auto;
justify-content: space-between;
align-content: space-between;
}
#meritSpeed .merit-speed-eight .center .cont .four div {
width: 2rem;
height: 2rem;
border: solid 1px #c8c8c8;
text-align: center;
}
#meritSpeed .merit-speed-eight .center .cont .four div span {
line-height: 0.5rem;
color: #646464;
}
#meritSpeed .merit-speed-eight .center .cont .four div:hover {
transform: scale(1.05);
transition: 0.5s;
}
#meritSpeed .merit-speed-nine {
height: 8.5rem;
background-image: url('../images/product/30.png');
}
#meritSpeed .merit-speed-nine .qua-tile {
height: 1.55rem;
line-height: 1.55rem;
text-align: center;
}
#meritSpeed .merit-speed-nine .qua-tile span:nth-child(1) {
color: #ce930b;
}
#meritSpeed .merit-speed-nine .qua-tile span:nth-child(2) {
color: #323232;
}
#meritSpeed .merit-speed-nine .picture {
width: 100%;
height: 5.8rem;
display: flex;
flex-direction: row;
}
#meritSpeed .merit-speed-nine .picture .technology {
width: 0.84rem;
height: 5.8rem;
writing-mode: vertical-rl;
background-color: #fff;
color: #000;
opacity: 0.7;
padding-top: 0.35rem;
box-sizing: border-box;
margin-left: 0.08rem;
}
#meritSpeed .merit-speed-nine .picture .technology .size18 {
line-height: 0.84rem;
}
#meritSpeed .merit-speed-nine .picture .technology .size38 {
line-height: 0.2rem;
}
#meritSpeed .merit-speed-nine .picture .on {
background-image: linear-gradient(#e5bc4b, #ce930b), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
background-blend-mode: normal,
normal;
color: #fff;
}
#meritSpeed .merit-speed-nine .picture ul li {
width: 8.43rem;
height: 5.8rem;
background-color: #c1e9e9;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
}
#meritSpeed .merit-speed-nine .picture ul li img {
box-sizing: border-box;
width: 100%;
height: 100%;
}
#meritSpeed .merit-speed-nine .classify {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 0.4rem;
}
#meritSpeed .merit-speed-nine .classify .every {
width: 2.7rem;
height: 1rem;
border: solid 0.01rem #646464;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
#meritSpeed .merit-speed-nine .classify .every .size21 {
display: flex;
flex-direction: column;
}
#meritSpeed .merit-speed-nine .classify .every .line {
width: 0.01rem;
height: 0.49rem;
background-color: #646464;
}
#meritSpeed .merit-speed-ten {
height: 6.3rem;
background-color: #fff;
}
#meritSpeed .merit-speed-ten .title {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 1.33rem;
border-bottom: 0.01rem solid #7d7d7d;
}
#meritSpeed .merit-speed-ten .title .size46 {
height: 1.33rem;
line-height: 1.6rem;
}
#meritSpeed .merit-speed-ten .title .size21 {
width: 2rem;
height: 0.44rem;
border: solid 1px #d29708;
color: #d29708;
text-align: center;
line-height: 0.44rem;
}
#meritSpeed .merit-speed-ten .title .size21:hover {
color: #fff;
background-color: #d29708;
}
#meritSpeed .merit-speed-ten .dynamic {
height: 4.2rem;
}
#meritSpeed .merit-speed-ten .dynamic .hd {
height: 1rem;
}
#meritSpeed .merit-speed-ten .dynamic .hd ul {
display: flex;
line-height: 1rem;
flex-direction: row;
width: 4.71rem;
margin: 0 auto;
justify-content: space-between;
}
#meritSpeed .merit-speed-ten .dynamic .hd ul li {
line-height: 1rem;
}
#meritSpeed .merit-speed-ten .dynamic .hd ul .on {
color: #d29708;
font-weight: 300;
}
#meritSpeed .merit-speed-ten .dynamic .bd {
height: 3.2rem;
width: 100%;
}
#meritSpeed .merit-speed-ten .dynamic .bd ul {
width: 100%;
height: 3.2rem;
background-color: #ffffff;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-ten .dynamic .bd ul li {
width: 3.8rem;
height: 3.2rem;
display: flex;
flex-direction: column;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
#meritSpeed .merit-speed-ten .dynamic .bd ul li .img-log {
width: 3.8rem;
height: 2.31rem;
}
#meritSpeed .merit-speed-ten .dynamic .bd ul li .til {
height: 0.55rem;
line-height: 0.6rem;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 0.19rem;
color: #323232;
}
#meritSpeed .merit-speed-ten .dynamic .bd ul li .jh-des {
padding-left: 0.05rem;
color: #969696;
width: 2.1rem;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
#meritSpeed .merit-speed-ten .dynamic .bd ul li .jh-des .size50 {
margin-left: 0.2rem;
margin-top: -0.1rem;
}
#meritSpeed .merit-speed-ten .dynamic .bd ul li .jh-des img {
width: 0.22rem;
height: 0.14rem;
padding-left: 0.2rem;
}
#meritSpeed .merit-speed-ten .dynamic .bd ul li:hover {
transform: translateY(10px);
transition: 0.5s;
background-color: #d29708;
}
#meritSpeed .merit-speed-ten .dynamic .bd ul li:hover .til {
color: #fff;
}
#meritSpeed .merit-speed-ten .dynamic .bd ul li:hover .jh-des {
color: #fff;
}
#meritSpeed .merit-speed-eleven {
height: 3.1rem;
background-color: #eeeeee;
}
#meritSpeed .merit-speed-eleven .livenew-tile {
height: 1.35rem;
line-height: 1.35rem;
text-align: center;
}
#meritSpeed .merit-speed-eleven .five {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-eleven .five .shu-line {
width: 0.01rem;
height: 1.17rem;
background-image: linear-gradient(0deg, #eeeeee 0%, #7d7d7d 50%, #eeeeee 100%), linear-gradient(#838383, #838383);
background-blend-mode: normal,
normal;
}
#meritSpeed .merit-speed-eleven .five .five-step {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.8rem;
height: 1.14rem;
}
#meritSpeed .merit-speed-eleven .five .five-step .size21 {
line-height: 0.3rem;
margin-top: 0.1rem;
}
#meritSpeed .merit-speed-eleven .five .five-step .img1 {
width: 0.54rem;
height: 0.52rem;
}
#meritSpeed .merit-speed-eleven .five .five-step .img2 {
width: 0.54rem;
height: 0.54rem;
}
#meritSpeed .merit-speed-eleven .five .five-step .img3 {
width: 0.49rem;
height: 0.52rem;
}
#meritSpeed .merit-speed-eleven .five .five-step .img4 {
width: 0.67rem;
height: 0.45rem;
}
#meritSpeed .merit-speed-eleven .five .five-step .img5 {
width: 0.55rem;
height: 0.54rem;
}
#meritSpeed .merit-speed-eleven .five .five-step:hover {
transform: translateY(-0.1rem);
transition: 0.5s;
}
#meritSpeed .merit-speed-eleven .five .five-step:hover span {
color: #d29708;
}
#meritSpeed .merit-speed-twelve {
height: 5.75rem;
background-image: url('../images/product/38.png');
display: flex;
align-items: center;
}
#meritSpeed .merit-speed-twelve .des {
width: 8rem;
height: 3.4rem;
background-color: #ffffff;
margin: 0 auto;
display: flex;
align-items: center;
}
#meritSpeed .merit-speed-twelve .des .yuyue {
margin: 0 auto;
width: 6.65rem;
height: 2.35rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#meritSpeed .merit-speed-twelve .des .yuyue .left {
width: 3.5rem;
display: flex;
flex-direction: column;
text-align: center;
}
#meritSpeed .merit-speed-twelve .des .yuyue .left .size33 {
color: #646464;
}
#meritSpeed .merit-speed-twelve .des .yuyue .left input,
#meritSpeed .merit-speed-twelve .des .yuyue .left div,
#meritSpeed .merit-speed-twelve .des .yuyue .left select {
width: 3.5rem;
height: 0.5rem;
margin-top: 0.14rem;
padding-left: 0.19rem;
color: #6b6b6b;
}
#meritSpeed .merit-speed-twelve .des .yuyue .left input {
background-color: #ffffff;
border: solid 1px #c9c9c9;
box-sizing: border-box;
}
#meritSpeed .merit-speed-twelve .des .yuyue .left div {
line-height: 0.5rem;
background-color: #d29708;
color: #fff;
border: 0.01rem solid #fff;
}
#meritSpeed .merit-speed-twelve .des .yuyue .left div:hover {
transition: 0.5s;
color: #ce930b;
border: 0.01rem solid #ce930b;
background-image: linear-gradient(#fff, #fff), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
}
#meritSpeed .merit-speed-twelve .des .yuyue .line {
width: 0.01rem;
height: 2.35rem;
background-color: #c8c8c8;
}
#meritSpeed .merit-speed-twelve .des .yuyue .right {
width: 2.54rem;
height: 2.35rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#meritSpeed .merit-speed-twelve .des .yuyue .right div {
width: 1.2rem;
height: 1.1rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: solid 1px #c8c8c8;
box-sizing: border-box;
}
#meritSpeed .merit-speed-twelve .des .yuyue .right div span {
height: 0.4rem;
line-height: 0.5rem;
}
#meritSpeed .merit-speed-twelve .des .yuyue .right div:hover {
border: solid 1px #d19600;
}
#meritSpeed .merit-speed-twelve .des .yuyue .right div:hover span {
color: #d19600;
}
#respectEnjoy .merit-speed-one {
height: 6.5rem;
width: 100%;
background-image: url('../images/product/7.jpg');
position: relative;
}
#respectEnjoy .merit-speed-one .roundness {
width: 3.77rem;
height: 0.66rem;
position: absolute;
top: 4.5rem;
left: 3.95rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-one .roundness .rotundity {
width: 0.66rem;
height: 0.66rem;
border-radius: 50%;
border: 0.01rem solid #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-items: center;
box-sizing: border-box;
padding-top: 0.1rem;
color: #fff;
}
#respectEnjoy .merit-speed-one .rotundity:hover {
transition: 0.54s;
border: 0.01rem solid #d29708;
color: #d29708;
transform: translateY(-0.1rem);
}
#respectEnjoy .merit-speed-two {
height: 2.9rem;
background-image: url('../images/product/8.jpg');
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.3);
}
#respectEnjoy .merit-speed-two .count {
width: 100%;
height: 0.8rem;
line-height: 0.9rem;
}
#respectEnjoy .merit-speed-two .count .size33 {
color: #d29708;
}
#respectEnjoy .merit-speed-two .ipts {
width: 100%;
height: 1.56rem;
color: #fff;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-two .ipts .left {
height: 1.56rem;
width: 9.37rem;
}
#respectEnjoy .merit-speed-two .ipts .left .house-msg {
height: 0.77rem;
width: 9.37rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#respectEnjoy .merit-speed-two .ipts .left .house-msg .house-owner {
display: flex;
flex-direction: column;
}
#respectEnjoy .merit-speed-two .ipts .left .house-msg .house-owner span {
line-height: 0.3rem;
}
#respectEnjoy .merit-speed-two .ipts .left .house-msg .house-owner input,
#respectEnjoy .merit-speed-two .ipts .left .house-msg .house-owner select {
width: 2.2rem;
height: 0.44rem;
background-color: #ffffff;
box-sizing: border-box;
border: solid 1px #c9c9c9;
padding-left: 0.13rem;
}
#respectEnjoy .merit-speed-two .ipts .left .house-type {
height: 0.77rem;
width: 9.37rem;
}
#respectEnjoy .merit-speed-two .ipts .left .house-type span {
line-height: 0.35rem;
}
#respectEnjoy .merit-speed-two .ipts .left .house-type div {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#respectEnjoy .merit-speed-two .ipts .left .house-type div select {
width: 2.2rem;
height: 0.44rem;
background-color: #ffffff;
box-sizing: border-box;
border: solid 1px #c9c9c9;
padding-left: 0.13rem;
}
#respectEnjoy .merit-speed-two .ipts .right {
width: 2.26rem;
height: 1.56rem;
}
#respectEnjoy .merit-speed-two .ipts .right .by-stages {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-two .ipts .right .by-stages div {
width: 1.06rem;
height: 0.9rem;
box-sizing: border-box;
background-color: #d29708;
border: solid 1px #d29708;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 0.16rem;
}
#respectEnjoy .merit-speed-two .ipts .right .by-stages div span {
line-height: 0.25rem;
}
#respectEnjoy .merit-speed-two .ipts .right .by-stages div:hover {
background-color: #363636;
border: solid 1px #363636;
transition: 0.6s;
}
#respectEnjoy .merit-speed-two .ipts .right .didi {
width: 2.26rem;
height: 0.52rem;
box-sizing: border-box;
background-color: #d29708;
border: solid 1px #d29708;
margin-top: 0.14rem;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#respectEnjoy .merit-speed-two .ipts .right .didi span {
padding-left: 0.08rem;
}
#respectEnjoy .merit-speed-two .ipts .right .didi:hover {
background-color: #363636;
border: solid 1px #363636;
transition: 0.6s;
}
#respectEnjoy .merit-speed-three {
height: 3.8rem;
background-color: #eeeeee;
}
#respectEnjoy .merit-speed-three .center .title {
height: 1.18rem;
width: 100%;
text-align: center;
}
#respectEnjoy .merit-speed-three .center .title span {
line-height: 1.3rem;
}
#respectEnjoy .merit-speed-three .center .three-all {
height: 2rem;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-three .center .three-all .three-every {
width: 3.81rem;
display: flex;
flex-direction: row;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
#respectEnjoy .merit-speed-three .center .three-all .three-every .ever-left {
width: 1.3rem;
background-color: #0b0b0b;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#respectEnjoy .merit-speed-three .center .three-all .three-every .ever-left .img img {
margin: 0 auto;
}
#respectEnjoy .merit-speed-three .center .three-all .three-every .ever-left .des {
color: #e6e6e6;
display: flex;
flex-direction: column;
text-align: center;
}
#respectEnjoy .merit-speed-three .center .three-all .three-every:hover {
transform: translateY(-0.1rem);
transition: 0.5s;
}
#respectEnjoy .merit-speed-four {
height: 10.5rem;
background-color: #fff;
}
#respectEnjoy .merit-speed-four .h-titl {
height: 1.7rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#respectEnjoy .merit-speed-four .h-titl .size67 {
height: 1.36rem;
line-height: 1.7rem;
}
#respectEnjoy .merit-speed-four .h-titl .size25 {
color: #ce930b;
}
#respectEnjoy .merit-speed-four .bd ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
width: 12rem;
height: 7rem;
}
#respectEnjoy .merit-speed-four .bd ul li {
width: 3.89rem;
height: 3.4rem;
background-color: #ee9e3d;
position: relative;
overflow: hidden;
border-radius: 0.08rem;
}
#respectEnjoy .merit-speed-four .bd ul li a .des {
position: absolute;
top: 2.72rem;
width: 3.89rem;
background-color: rgba(0, 0, 0, 0.9);
display: flex;
flex-direction: row;
justify-content: space-between;
box-sizing: border-box;
padding-left: 0.19rem;
padding-right: 0.12rem;
height: 0.68rem;
overflow: hidden;
}
#respectEnjoy .merit-speed-four .bd ul li a .des .village-name {
color: #fff;
width: 3rem;
box-sizing: border-box;
padding-top: 0.05rem;
}
#respectEnjoy .merit-speed-four .bd ul li a .des .village-name div {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#respectEnjoy .merit-speed-four .bd ul li a .des .tocase {
width: 1.2rem;
height: 0.68rem;
line-height: 0.8rem;
}
#respectEnjoy .merit-speed-four .bd ul li a .des .tocase img {
width: auto;
height: 0.15rem;
}
#respectEnjoy .merit-speed-four .bd ul li a .des .tocase img:nth-child(2) {
margin: 0 0.02rem 0 0.14rem;
}
#respectEnjoy .merit-speed-four .bd ul li a .des .tocase span {
color: #d19600;
}
#respectEnjoy .merit-speed-four .bd ul li a .case-pic {
transform: scale(1);
}
#respectEnjoy .merit-speed-four .bd ul li .grid {
clear: both;
}
#respectEnjoy .merit-speed-four .bd ul li .grid .figure {
position: relative;
overflow: hidden;
background: #fff;
}
#respectEnjoy .merit-speed-four .bd ul li .grid .figure img {
position: relative;
display: block;
opacity: 0.8;
}
#respectEnjoy .merit-speed-four .bd ul li .grid .figure .figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2em;
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#respectEnjoy .merit-speed-four .bd ul li .grid .figure .figcaption::before {
pointer-events: none;
}
#respectEnjoy .merit-speed-four .bd ul li .grid .figure .figcaption::after {
pointer-events: none;
}
#respectEnjoy .merit-speed-four .bd ul li .grid .effect-apollo {
background: #fff;
}
#respectEnjoy .merit-speed-four .bd ul li .grid .effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
#respectEnjoy .merit-speed-four .bd ul li .grid .effect-apollo .figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
#respectEnjoy .merit-speed-four .bd ul li .grid .effect-apollo:hover img {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
#respectEnjoy .merit-speed-four .bd ul li .grid .effect-apollo:hover .figcaption::before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
#respectEnjoy .merit-speed-four .bd ul li:hover {
box-shadow: 0 0 0.15rem 0px rgba(0, 0, 0, 0.6);
transition: 0.5s;
}
#respectEnjoy .merit-speed-four .bd ul li:hover .case-pic {
transform: scale(1.15);
transition: 0.5s;
}
#respectEnjoy .merit-speed-four .hd ul {
margin-top: 0.23rem;
margin-bottom: 0.45rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-four .hd ul li {
width: 2.87rem;
height: 0.44rem;
line-height: 0.44rem;
text-align: center;
color: #000;
background: #fff;
border: solid 1px #7d7d7d;
}
#respectEnjoy .merit-speed-four .hd ul .on {
background: #000;
color: #d29708;
}
#respectEnjoy .merit-speed-five {
height: 6.9rem;
background-color: #eeeeee;
}
#respectEnjoy .merit-speed-five .center .title {
height: 1.75rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#respectEnjoy .merit-speed-five .center .title .size67 {
height: 1.26rem;
line-height: 1.7rem;
color: #323232;
}
#respectEnjoy .merit-speed-five .center .title .size25 {
color: #969696;
}
#respectEnjoy .merit-speed-five .center .lunbo {
width: 100%;
height: 4.4rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#respectEnjoy .merit-speed-five .center .lunbo .prev:hover img {
transform: scale(1.15);
transition: all 0.5s;
}
#respectEnjoy .merit-speed-five .center .lunbo .next:hover img {
transform: scale(1.15);
transition: all 0.5s;
}
#respectEnjoy .merit-speed-five .center .lunbo .content {
margin: 0;
padding: 0;
width: 11.16rem;
display: flex;
flex-direction: row;
overflow: hidden;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li {
width: 5.48rem;
height: 4.4rem;
display: flex;
flex-direction: column;
margin: 0 0.1rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img {
width: 5.48rem;
height: 3.4rem;
position: relative;
color: #fff;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .one {
position: absolute;
top: 0.8rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .two {
position: absolute;
top: 1.5rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .three {
position: absolute;
top: 2.2rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .item1 {
left: 1.05rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .item2 {
left: 1.88rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .item3 {
left: 2.87rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .item4 {
left: 3.9rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .item5 {
left: 1.3rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .item6 {
left: 2.4rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .item7 {
left: 3.48rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .item8 {
left: 0.88rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .item9 {
left: 1.88rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .item10 {
left: 2.97rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .item11 {
left: 3.9rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .manager {
position: absolute;
top: 2.65rem;
left: 1.6rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .show-img .change-color:hover {
color: #ce930b;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .img-des {
height: 1rem;
width: 100%;
background-color: #fff;
text-align: center;
display: flex;
flex-direction: column;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .img-des .size28 {
color: #323232;
height: 0.48rem;
line-height: 0.65rem;
}
#respectEnjoy .merit-speed-five .center .lunbo .content li .img-des .size21 {
color: #646464;
}
#respectEnjoy .merit-speed-five .center .lunbo .ul2 {
width: 0;
height: 0;
}
#respectEnjoy .merit-speed-six {
background-color: #ffffff;
}
#respectEnjoy .merit-speed-six .title {
height: 1.3rem;
width: 100%;
border-bottom: 0.02rem solid #0d0d0d;
text-align: center;
}
#respectEnjoy .merit-speed-six .title .size63 {
line-height: 1.5rem;
}
#respectEnjoy .merit-speed-six section .hd {
height: 0.8rem;
width: 100%;
}
#respectEnjoy .merit-speed-six section .hd ul {
margin: 0 auto;
width: 12rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-six section .hd ul .size28 {
line-height: 0.8rem;
}
#respectEnjoy .merit-speed-six section .hd ul .on {
color: #ce930b;
}
#respectEnjoy .merit-speed-six section .bd {
height: 8rem !important;
}
#respectEnjoy .merit-speed-six section .bd ul {
height: 100%;
}
#respectEnjoy .merit-speed-six section .bd ul li .words {
width: 100%;
height: 6.5rem;
display: flex;
align-items: center;
}
#respectEnjoy .merit-speed-six section .bd ul li .words .content {
width: 6.8rem;
height: 1.9rem;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
color: #fff;
font-weight: 300;
}
#respectEnjoy .merit-speed-six section .bd ul li .words .content .size50{
line-height: 0.88rem;
}
#respectEnjoy .merit-speed-six section .bd ul li .words .content .size20 {
margin-top: -0.08rem;
}
#respectEnjoy .merit-speed-six section .bd ul li .words .content .size25 {
margin-top: 0.15rem;
width: 1.2rem;
height: 0.42rem;
border: solid 1px #ffffff;
text-align: center;
line-height: 0.42rem;
}
#respectEnjoy .merit-speed-six section .bd ul li .words .content .size25:hover {
border: solid 1px #ce930b;
background-color: #ce930b;
transition: 0.5s;
}
#respectEnjoy .merit-speed-six section .bd ul li .room-botton {
width: 100%;
height: 1.5rem;
}
#respectEnjoy .merit-speed-seven {
height: 14rem;
}
#respectEnjoy .merit-speed-seven .enjoy {
width: 100%;
height: 1.61rem;
background-image: url('../images/product/product-tab.png');
}
#respectEnjoy .merit-speed-seven .enjoy .produte-home {
height: 100%;
width: 25%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-seven .enjoy .produte-home li {
color: #646464;
height: 100%;
line-height: 1.6rem;
position: relative;
text-align: center;
}
#respectEnjoy .merit-speed-seven .enjoy .produte-home li .triangle {
width: 0.4rem;
height: 0.18rem;
position: absolute;
top: 1.33rem;
left: 0.75rem;
background-image: url('../images/product/triangle-w.png');
}
#respectEnjoy .merit-speed-seven .enjoy .produte-home .on {
color: #d29708;
}
#respectEnjoy .merit-speed-seven .enjoy .produte-home .on .triangle {
background-image: url('../images/product/triangle-on.png');
}
#respectEnjoy .merit-speed-seven .enjoy-des {
height: 12.4rem;
color: #fff;
}
#respectEnjoy .merit-speed-seven .enjoy-des .enjoy-tile {
height: 1.66rem;
}
#respectEnjoy .merit-speed-seven .enjoy-des .enjoy-tile .size50 {
text-align: center;
height: 1.05rem;
line-height: 1.3rem;
}
#respectEnjoy .merit-speed-seven .enjoy-des .enjoy-tile .size50 .cor {
color: #d29708;
}
#respectEnjoy .merit-speed-seven .enjoy-des .enjoy-tile .size25 {
text-align: center;
color: #969696;
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials {
height: 5.27rem;
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials .hd {
height: 0.47rem;
width: 100%;
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials .hd ul {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials .hd ul li {
width: 2.25rem;
height: 0.47rem;
background-color: #ffffff;
color: #646464;
text-align: center;
line-height: 0.47rem;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials .hd ul .on {
background-color: #d29708;
color: #ffffff;
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials .bd {
height: 9.37rem !important;
margin-top: 0.2rem;
width: 12rem !important;
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials .bd ul {
width: 100% !important;
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials .bd ul li {
width: 100%;
height: 4.59rem;
display: flex;
align-items: center;
color: #000;
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials .bd ul li .materials-des {
width: 3.5rem;
height: 2rem;
margin: 0 auto;
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials .bd ul li .materials-des div {
text-align: center;
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials .bd ul li .materials-des .size42 {
margin-top: -0.05rem;
}
#respectEnjoy .merit-speed-seven .enjoy-des .materials .bd ul li .materials-des .line {
width: 0.28rem;
height: 0.02rem;
margin: 0.13rem auto 0.07rem;
background-color: #000;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.6);
}
#respectEnjoy .merit-speed-seven .enjoy-des .original-materials .top-level {
height: 1.58rem;
text-align: center;
display: flex;
flex-direction: column;
}
#respectEnjoy .merit-speed-seven .enjoy-des .original-materials .top-level .size50 {
height: 1.04rem;
line-height: 1.5rem;
color: #323232;
}
#respectEnjoy .merit-speed-seven .enjoy-des .original-materials .top-level .size25 {
color: #969696;
line-height: 0.4rem;
}
#respectEnjoy .merit-speed-seven .enjoy-des .original-materials .assist-all {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-seven .enjoy-des .original-materials .assist-all .assist {
width: 2.85rem;
height: 3.07rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.2);
position: relative;
}
#respectEnjoy .merit-speed-seven .enjoy-des .original-materials .assist-all .assist div {
width: 100%;
height: 0.7rem;
text-align: center;
display: flex;
flex-direction: column;
position: absolute;
top: 2.07rem;
color: #646464;
}
#respectEnjoy .merit-speed-seven .enjoy-des .original-materials .assist-all .assist:hover {
transform: translateY(-0.1rem);
transition: all 0.5s;
}
#respectEnjoy .merit-speed-seven .enjoy-des1 {
background-image: url('../images/product/black-bgi.png');
}
#respectEnjoy .merit-speed-seven .enjoy-des1 .enjoy-tile .size50 span:nth-child(2) {
color: #fff;
}
#respectEnjoy .merit-speed-seven .enjoy-des1 .original-materials .top-level .size50 {
height: 1.04rem;
line-height: 1.5rem;
color: #fff;
}
#respectEnjoy .merit-speed-seven .enjoy-des2 {
background-image: url('../images/product/49.jpg');
}
#respectEnjoy .merit-speed-seven .enjoy-des2 .enjoy-tile .size50 span:nth-child(2) {
color: #323232;
}
#respectEnjoy .merit-speed-seven .enjoy-des2 .original-materials .top-level .size50 {
height: 1.04rem;
line-height: 1.5rem;
color: #323232;
}
#respectEnjoy .merit-speed-eight {
height: 8.6rem;
background-color: #fff;
background-image: url('../images/product/28.png');
background-repeat: no-repeat;
}
#respectEnjoy .merit-speed-eight .center .title {
height: 1.3rem;
width: 100%;
text-align: center;
color: #ffffff;
}
#respectEnjoy .merit-speed-eight .center .title .size63 {
line-height: 1.5rem;
}
#respectEnjoy .merit-speed-eight .center .cont {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-eight .center .cont .left,
#respectEnjoy .merit-speed-eight .center .cont .right {
width: 5.85rem;
height: 6.3rem;
background-color: #ffffff;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
#respectEnjoy .merit-speed-eight .center .cont .soft-decoration {
height: 1.41rem;
display: flex;
flex-direction: column;
text-align: center;
}
#respectEnjoy .merit-speed-eight .center .cont .soft-decoration .size42 {
height: 1rem;
line-height: 1.2rem;
color: #d29708;
}
#respectEnjoy .merit-speed-eight .center .cont .soft-decoration .size21 {
color: #969696;
}
#respectEnjoy .merit-speed-eight .center .cont .four {
display: flex;
flex-wrap: wrap;
width: 4.2rem;
height: 4.2rem;
margin: 0 auto;
justify-content: space-between;
align-content: space-between;
}
#respectEnjoy .merit-speed-eight .center .cont .four div {
width: 2rem;
height: 2rem;
border: solid 1px #c8c8c8;
text-align: center;
}
#respectEnjoy .merit-speed-eight .center .cont .four div span {
line-height: 0.5rem;
color: #646464;
}
#respectEnjoy .merit-speed-eight .center .cont .four div:hover {
transform: scale(1.05);
transition: 0.5s;
}
#respectEnjoy .merit-speed-nine {
height: 8.5rem;
background-image: url('../images/product/30.png');
}
#respectEnjoy .merit-speed-nine .qua-tile {
height: 1.55rem;
line-height: 1.55rem;
text-align: center;
}
#respectEnjoy .merit-speed-nine .qua-tile span:nth-child(1) {
color: #ce930b;
}
#respectEnjoy .merit-speed-nine .qua-tile span:nth-child(2) {
color: #323232;
}
#respectEnjoy .merit-speed-nine .picture {
width: 100%;
height: 5.8rem;
display: flex;
flex-direction: row;
}
#respectEnjoy .merit-speed-nine .picture .technology {
width: 0.84rem;
height: 5.8rem;
writing-mode: vertical-rl;
background-color: #fff;
color: #000;
opacity: 0.7;
padding-top: 0.35rem;
box-sizing: border-box;
margin-left: 0.08rem;
}
#respectEnjoy .merit-speed-nine .picture .technology .size18 {
line-height: 0.84rem;
}
#respectEnjoy .merit-speed-nine .picture .technology .size38 {
line-height: 0.2rem;
}
#respectEnjoy .merit-speed-nine .picture .on {
background-image: linear-gradient(#e5bc4b, #ce930b), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
background-blend-mode: normal,
normal;
color: #fff;
}
#respectEnjoy .merit-speed-nine .picture ul li {
width: 8.43rem;
height: 5.8rem;
background-color: #c1e9e9;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
}
#respectEnjoy .merit-speed-nine .picture ul li img {
box-sizing: border-box;
width: 100%;
height: 100%;
}
#respectEnjoy .merit-speed-nine .classify {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 0.4rem;
}
#respectEnjoy .merit-speed-nine .classify .every {
width: 2.7rem;
height: 1rem;
border: solid 0.01rem #646464;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
#respectEnjoy .merit-speed-nine .classify .every .size21 {
display: flex;
flex-direction: column;
}
#respectEnjoy .merit-speed-nine .classify .every .line {
width: 0.01rem;
height: 0.49rem;
background-color: #646464;
}
#respectEnjoy .merit-speed-ten {
height: 6.3rem;
background-color: #fff;
}
#respectEnjoy .merit-speed-ten .title {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 1.33rem;
border-bottom: 0.01rem solid #7d7d7d;
}
#respectEnjoy .merit-speed-ten .title .size46 {
height: 1.33rem;
line-height: 1.6rem;
}
#respectEnjoy .merit-speed-ten .title .size21 {
width: 2rem;
height: 0.44rem;
border: solid 1px #d29708;
color: #d29708;
text-align: center;
line-height: 0.44rem;
}
#respectEnjoy .merit-speed-ten .title .size21:hover {
color: #fff;
background-color: #d29708;
}
#respectEnjoy .merit-speed-ten .dynamic {
height: 4.2rem;
}
#respectEnjoy .merit-speed-ten .dynamic .hd {
height: 1rem;
}
#respectEnjoy .merit-speed-ten .dynamic .hd ul {
display: flex;
line-height: 1rem;
flex-direction: row;
width: 4.71rem;
margin: 0 auto;
justify-content: space-between;
}
#respectEnjoy .merit-speed-ten .dynamic .hd ul li {
line-height: 1rem;
}
#respectEnjoy .merit-speed-ten .dynamic .hd ul .on {
color: #d29708;
font-weight: 300;
}
#respectEnjoy .merit-speed-ten .dynamic .bd {
height: 3.2rem;
width: 100%;
}
#respectEnjoy .merit-speed-ten .dynamic .bd ul {
width: 100%;
height: 3.2rem;
background-color: #ffffff;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-ten .dynamic .bd ul li {
width: 3.8rem;
height: 3.2rem;
display: flex;
flex-direction: column;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
#respectEnjoy .merit-speed-ten .dynamic .bd ul li .img-log {
width: 3.8rem;
height: 2.31rem;
}
#respectEnjoy .merit-speed-ten .dynamic .bd ul li .til {
height: 0.55rem;
line-height: 0.6rem;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 0.19rem;
color: #323232;
}
#respectEnjoy .merit-speed-ten .dynamic .bd ul li .jh-des {
padding-left: 0.05rem;
color: #969696;
width: 2.1rem;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
#respectEnjoy .merit-speed-ten .dynamic .bd ul li .jh-des .size50 {
margin-left: 0.2rem;
margin-top: -0.1rem;
}
#respectEnjoy .merit-speed-ten .dynamic .bd ul li .jh-des img {
width: 0.22rem;
height: 0.14rem;
padding-left: 0.2rem;
}
#respectEnjoy .merit-speed-ten .dynamic .bd ul li:hover {
transform: translateY(10px);
transition: 0.5s;
background-color: #d29708;
}
#respectEnjoy .merit-speed-ten .dynamic .bd ul li:hover .til {
color: #fff;
}
#respectEnjoy .merit-speed-ten .dynamic .bd ul li:hover .jh-des {
color: #fff;
}
#respectEnjoy .merit-speed-eleven {
height: 3.1rem;
background-color: #eeeeee;
}
#respectEnjoy .merit-speed-eleven .livenew-tile {
height: 1.35rem;
line-height: 1.35rem;
text-align: center;
}
#respectEnjoy .merit-speed-eleven .five {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-eleven .five .shu-line {
width: 0.01rem;
height: 1.17rem;
background-image: linear-gradient(0deg, #eeeeee 0%, #7d7d7d 50%, #eeeeee 100%), linear-gradient(#838383, #838383);
background-blend-mode: normal,
normal;
}
#respectEnjoy .merit-speed-eleven .five .five-step {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.8rem;
height: 1.14rem;
}
#respectEnjoy .merit-speed-eleven .five .five-step .size21 {
line-height: 0.3rem;
margin-top: 0.1rem;
}
#respectEnjoy .merit-speed-eleven .five .five-step .img1 {
width: 0.54rem;
height: 0.52rem;
}
#respectEnjoy .merit-speed-eleven .five .five-step .img2 {
width: 0.54rem;
height: 0.54rem;
}
#respectEnjoy .merit-speed-eleven .five .five-step .img3 {
width: 0.49rem;
height: 0.52rem;
}
#respectEnjoy .merit-speed-eleven .five .five-step .img4 {
width: 0.67rem;
height: 0.45rem;
}
#respectEnjoy .merit-speed-eleven .five .five-step .img5 {
width: 0.55rem;
height: 0.54rem;
}
#respectEnjoy .merit-speed-eleven .five .five-step:hover {
transform: translateY(-0.1rem);
transition: 0.5s;
}
#respectEnjoy .merit-speed-eleven .five .five-step:hover span {
color: #d29708;
}
#respectEnjoy .merit-speed-twelve {
height: 5.75rem;
background-image: url('../images/product/38.png');
display: flex;
align-items: center;
}
#respectEnjoy .merit-speed-twelve .des {
width: 8rem;
height: 3.4rem;
background-color: #ffffff;
margin: 0 auto;
display: flex;
align-items: center;
}
#respectEnjoy .merit-speed-twelve .des .yuyue {
margin: 0 auto;
width: 6.65rem;
height: 2.35rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#respectEnjoy .merit-speed-twelve .des .yuyue .left {
width: 3.5rem;
display: flex;
flex-direction: column;
text-align: center;
}
#respectEnjoy .merit-speed-twelve .des .yuyue .left .size33 {
color: #646464;
}
#respectEnjoy .merit-speed-twelve .des .yuyue .left input,
#respectEnjoy .merit-speed-twelve .des .yuyue .left div,
#respectEnjoy .merit-speed-twelve .des .yuyue .left select {
width: 3.5rem;
height: 0.5rem;
margin-top: 0.14rem;
color: #6b6b6b;
padding-left: 0.19rem;
}
#respectEnjoy .merit-speed-twelve .des .yuyue .left input {
background-color: #ffffff;
border: solid 1px #c9c9c9;
box-sizing: border-box;
}
#respectEnjoy .merit-speed-twelve .des .yuyue .left div {
line-height: 0.5rem;
background-color: #d29708;
color: #fff;
border: 0.01rem solid #fff;
}
#respectEnjoy .merit-speed-twelve .des .yuyue .left div:hover {
transition: 0.5s;
color: #ce930b;
border: 0.01rem solid #ce930b;
background-image: linear-gradient(#fff, #fff), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
}
#respectEnjoy .merit-speed-twelve .des .yuyue .line {
width: 0.01rem;
height: 2.35rem;
background-color: #c8c8c8;
}
#respectEnjoy .merit-speed-twelve .des .yuyue .right {
width: 2.54rem;
height: 2.35rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#respectEnjoy .merit-speed-twelve .des .yuyue .right div {
width: 1.2rem;
height: 1.1rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: solid 1px #c8c8c8;
box-sizing: border-box;
}
#respectEnjoy .merit-speed-twelve .des .yuyue .right div span {
height: 0.4rem;
line-height: 0.5rem;
}
#respectEnjoy .merit-speed-twelve .des .yuyue .right div:hover {
border: solid 1px #d19600;
}
#respectEnjoy .merit-speed-twelve .des .yuyue .right div:hover span {
color: #d19600;
}
#projectSystem .project-system-one {
height: 3.5rem;
background-image: url('../images/project/1.png');
}
#projectSystem .project-system-two {
height: 5.54rem;
background-color: #fff;
}
#projectSystem .project-system-two .center .title {
height: 1.84rem;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
#projectSystem .project-system-two .center .title .size63 {
height: 1.3rem;
line-height: 1.65rem;
}
#projectSystem .project-system-two .center .title .size21 {
line-height: 0.15rem;
color: #ce930b;
}
#projectSystem .project-system-two .center .title .size25 {
color: #969696;
}
#projectSystem .project-system-two .center .cont {
height: 3rem;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#projectSystem .project-system-two .center .cont .lot-des {
width: 6.31rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#projectSystem .project-system-two .center .cont .lot-des .flow {
width: 0.54rem;
display: flex;
flex-direction: column;
align-items: center;
}
#projectSystem .project-system-two .center .cont .lot-des .flow .circle {
width: 0.52rem;
height: 0.52rem;
box-sizing: border-box;
color: #ce930b;
border: 0.01rem solid #ce930b;
border-radius: 50%;
text-align: center;
line-height: 0.52rem;
}
#projectSystem .project-system-two .center .cont .lot-des .flow .circle:hover {
border: 0.01rem solid #ce930b;
background-color: #ce930b;
color: #fff;
transition: 0.5s;
}
#projectSystem .project-system-two .center .cont .lot-des .flow .line {
height: 0.6rem;
width: 0.01rem;
background-color: #ce930b;
}
#projectSystem .project-system-two .center .cont .lot-des .synopsis {
width: 5.6rem;
color: #323232;
}
#projectSystem .project-system-two .center .cont .lot-des .synopsis div {
height: 0.56rem;
}
#projectSystem .project-system-two .center .cont .lot-des .synopsis div:hover{
transition:0.5s;
transform:translateY(-5px);
color:#ce930b;
}
#projectSystem .project-system-three {
height: 5.5rem;
background-image: url('../images/project/24.png');
}
#projectSystem .project-system-three .center .title {
height: 1.88rem;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
#projectSystem .project-system-three .center .title .size63 {
height: 1.4rem;
line-height: 1.85rem;
}
#projectSystem .project-system-three .center .title .size21 {
color: #ce930b;
line-height: 0.15rem;
}
#projectSystem .project-system-three .center .course {
position: relative;
}
#projectSystem .project-system-three .center .course .img {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#projectSystem .project-system-three .center .course .img .prev {
margin-top: -1.2rem;
}
#projectSystem .project-system-three .center .course .img .prev img:hover {
transform: scale(1.15);
transition: all 0.5s;
}
#projectSystem .project-system-three .center .course .img .next {
margin-top: -1.2rem;
}
#projectSystem .project-system-three .center .course .img .next img:hover {
transform: scale(1.15);
transition: all 0.5s;
}
#projectSystem .project-system-three .center .course .img .bd {
width: 11rem;
height: 3rem;
}
#projectSystem .project-system-three .center .course .img .bd ul {
flex-direction: row;
overflow: hidden;
display: flex;
width: 11rem;
height: 3rem;
}
#projectSystem .project-system-three .center .course .img .bd ul li {
width: 2.5rem;
height: 3rem;
margin: 0 0.15rem;
display: flex;
flex-direction: column;
}
#projectSystem .project-system-three .center .course .img .bd ul li div:nth-child(1):hover {
transition: 0.5s;
transform: scale(1.1);
}
#projectSystem .project-system-three .center .course .img .bd ul li img:nth-child(2) {
margin-top: 0.23rem;
margin-left: 0.92rem;
width: 0.26rem;
height: 0.26rem;
}
#projectSystem .project-system-three .center .course .img .bd ul li div:nth-child(3) {
margin-top: 0.12rem;
margin-left: -0.15rem;
display: flex;
flex-direction: column;
text-align: center;
}
#projectSystem .project-system-three .center .course .img .bd ul li div:nth-child(3):hover {
color: #ce930b;
}
#projectSystem .project-system-three .center .course .word {
overflow: hidden;
margin: 0 auto;
width: 11rem;
}
#projectSystem .project-system-three .center .course .word ul {
margin-top: 0.37rem;
height: 0.8rem;
border-top: 0.01rem solid #ce930b;
display: flex;
flex-direction: row;
}
#projectSystem .project-system-three .center .course .word ul li {
width: 2.5rem;
position: relative;
margin-right: 0.3rem;
}
#projectSystem .project-system-three .center .course .word ul li img {
position: absolute;
top: -0.13rem;
left: 1.2rem;
z-index: 1000;
}
#projectSystem .project-system-three .center .course .word ul li div {
width: 2.5rem;
display: flex;
flex-direction: column;
text-align: center;
}
#projectSystem .project-system-three .center .course .word ul li div .size21 {
height: 0.55rem;
line-height: 0.8rem;
}
#projectSystem .project-system-three .center .course .word ul li:hover img {
transform: scale(1.2);
}
#projectSystem .project-system-three .center .course .line {
position: absolute;
top: 2.2rem;
left: 0.55rem;
width: 11rem;
height: 0rem;
border: solid 1px #ce930b;
}
#projectSystem #project-system-four {
height: 8.87rem;
background-color: #fff;
}
#projectSystem #project-system-four .center .title {
height: 1.75rem;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
#projectSystem #project-system-four .center .title .size63 {
height: 1.3rem;
line-height: 1.65rem;
}
#projectSystem #project-system-four .center .title .size25 {
color: #969696;
line-height: 0.15rem;
}
#projectSystem #project-system-four .black {
width: 100%;
height: 0.63rem;
background-color: #0d0d0d;
color: #fff;
}
#projectSystem #project-system-four .black .hd {
height: 0.63rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#projectSystem #project-system-four .black .hd li {
line-height: 0.63rem;
}
#projectSystem #project-system-four .black .hd .on {
color: #ce930b;
}
#projectSystem #project-system-four .carousel {
height: 5.5rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 0.49rem;
}
#projectSystem #project-system-four .carousel .bd {
width: 11rem;
height: 5.5rem;
}
#projectSystem #project-system-four .carousel .bd .content {
width: 11rem;
display: flex;
flex-direction: row;
}
#projectSystem #project-system-four .carousel .bd .content li {
width: 5.3rem;
height: 5.4rem;
background-color: #ffffff;
border: 0rem solid black;
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
margin: 0.05rem 0.1rem;
}
#projectSystem #project-system-four .carousel .bd .content li img {
width: 5.3rem;
height: 3.2rem;
}
#projectSystem #project-system-four .carousel .bd .content li .img-des {
background-color: #fff;
display: flex;
flex-direction: column;
padding-left: 0.4rem;
box-sizing: border-box;
}
#projectSystem #project-system-four .carousel .bd .content li .img-des .size23 {
color: #d29708;
height: 0.6rem;
line-height: 0.75rem;
}
#projectSystem #project-system-four .carousel .bd .content li .img-des .size17 {
width: 4.49rem;
color: #646464;
line-height: 0.26rem;
}
#projectSystem #project-system-four .carousel .bd .content li .img-des .size17:hover{
color: #d29708;
transition:0.5s;
transform:translateY(-5px);
}
#projectSystem #project-system-four .carousel .prev:hover img {
transform: scale(1.15);
transition: all 0.5s;
}
#projectSystem #project-system-four .carousel .next:hover img {
transform: scale(1.15);
transition: all 0.5s;
}
#projectSystem #project-system-five {
height: 9.5rem;
background-color: #0d0d0d;
color: #fff;
}
#projectSystem #project-system-five .centers {
width: 14.8rem;
margin: 0 auto;
}
#projectSystem #project-system-five .centers .title {
height: 2.06rem;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
#projectSystem #project-system-five .centers .title .size63 {
height: 1.4rem;
line-height: 2.1rem;
}
#projectSystem #project-system-five .centers .title .size25 {
color: #969696;
line-height: 0.48rem;
}
#projectSystem #project-system-five .centers .cont .bd {
margin: 0 auto;
width: 10.66rem;
margin-bottom: 0.52rem;
}
#projectSystem #project-system-five .centers .cont .bd ul li {
width: 10.66rem;
height: 4.99rem;
}
#projectSystem #project-system-five .centers .cont .bd ul li .padding {
width: 2rem;
margin-left: 0.4rem;
}
#projectSystem #project-system-five .centers .cont .bd ul li .padding .eng {
color: #e6b646;
height: 1rem;
line-height: 1.5rem;
}
#projectSystem #project-system-five .centers .cont .bd ul li .padding .size42 {
color: #323232;
}
#projectSystem #project-system-five .centers .cont .bd ul li .padding .size21 {
color: #ce930b;
height: 0.6rem;
}
#projectSystem #project-system-five .centers .cont .bd ul li .padding .both {
color: #646464;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 84%;
}
#projectSystem #project-system-five .centers .cont .bd ul li .padding .both div {
display: flex;
flex-direction: column;
width: 0.78rem;
height: 0.41rem;
color: #fff;
text-align: center;
align-items: center;
background-color: #ce930b;
}
#projectSystem #project-system-five .centers .cont .bd ul li .padding .both div span:nth-child(1) {
margin-top: 0.04rem;
}
#projectSystem #project-system-five .centers .cont .bd ul li .padding .both div span:nth-child(2) {
margin-top: -0.05rem;
}
#projectSystem #project-system-five .centers .cont .bd ul li .padding .both div span {
line-height: 0.2rem;
}
#projectSystem #project-system-five .centers .cont .bd ul li .padding .article {
padding-top: 0.28rem;
width: 2rem;
color: #646464;
line-height: 0.23rem;
}
#projectSystem #project-system-five .centers .cont .hd {
height: 1.21rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#projectSystem #project-system-five .centers .cont .hd ul {
width: 13.5rem;
height: 0.89rem;
display: flex;
flex-direction: row;
justify-content: space-around;
border-top: solid 1px #ce930b;
}
#projectSystem #project-system-five .centers .cont .hd ul li {
display: flex;
flex-direction: column;
margin-top: -0.25rem;
text-align: center;
}
#projectSystem #project-system-five .centers .cont .hd ul li div {
margin: 0 auto;
width: 0.51rem;
height: 0.51rem;
background-color: #0d0d0d;
border: solid 1px #ce930b;
border-radius: 50%;
text-align: center;
line-height: 0.51rem;
color: #ce930b;
}
#projectSystem #project-system-five .centers .cont .hd ul li .size17 {
line-height: 0.4rem;
}
#projectSystem #project-system-five .centers .cont .hd ul .on div {
background-color: #ce930b;
color: #fff;
}
#projectSystem #project-system-five .centers .cont .hd ul .on span {
color: #ce930b;
}
#projectSystem #project-system-five .centers .cont .hd ul .on .size17,
#projectSystem #project-system-five .centers .cont .hd ul .on .size21 {
color: #ce930b;
}
#projectSystem #project-system-five .centers .cont .dotted-line {
width: 11rem;
margin: 0 auto;
border-top: solid 1px #ce930b;
position: relative;
z-index: -1;
top: -0.95rem;
}
#projectSystem #project-system-five .centers .cont #btnLeft {
z-index: 100;
position: absolute;
top: 2.12rem;
left: 2rem;
}
#projectSystem #project-system-five .centers .cont #btnRight {
z-index: 100;
position: absolute;
top: 2.12rem;
right: 2rem;
}
#projectSystem #project-system-six {
height: 9rem;
}
#projectSystem #project-system-six .centerss {
width: 10.9rem;
margin: 0 auto;
}
#projectSystem #project-system-six .centerss .title {
height: 2.68rem;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
#projectSystem #project-system-six .centerss .title .size63 {
height: 1.4rem;
line-height: 1.6rem;
}
#projectSystem #project-system-six .centerss .title .size21 {
margin-top: -0.2rem;
}
#projectSystem #project-system-six .centerss .title .size28 {
color: #d29708;
line-height: 1.2rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow {
width: 10.88rem;
height: 0.88rem;
border-top: solid 2px #d29708;
border-right: solid 2px #d29708;
border-bottom: solid 2px #d29708;
position: relative;
color: #323232;
margin-bottom: 0.52rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow span {
padding-top: 0.1rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow .yel-cir {
width: 0.14rem;
height: 0.14rem;
background-color: #d29708;
border-radius: 50%;
}
#projectSystem #project-system-six .centerss .collect .line-flow .yel-cir:hover {
transform: scale(1.2);
transition: 0.5s;
}
#projectSystem #project-system-six .centerss .collect .line-flow .up {
position: absolute;
top: -0.07rem;
display: flex;
flex-direction: column;
justify-items: center;
align-items: center;
}
#projectSystem #project-system-six .centerss .collect .line-flow .up span:hover {
color: #d29708;
transition: 0.5s;
}
#projectSystem #project-system-six .centerss .collect .line-flow .down {
position: absolute;
top: 0.81rem;
display: flex;
flex-direction: column;
justify-items: center;
align-items: center;
}
#projectSystem #project-system-six .centerss .collect .line-flow .down span:hover {
color: #d29708;
transition: 0.5s;
}
#projectSystem #project-system-six .centerss .collect .line-flow .p1 {
left: 0.97rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow .p2 {
left: 2.47rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow .p3 {
left: 4.24rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow .p4 {
left: 6.02rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow .p5 {
left: 7.79rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow .p6 {
left: 9.56rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow .n1 {
left: 1.94rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow .n2 {
left: 3.6rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow .n3 {
left: 5.26rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow .n4 {
left: 7.04rem;
}
#projectSystem #project-system-six .centerss .collect .line-flow .n5 {
left: 8.81rem;
}
#projectSystem #project-system-six .centerss .collect .mansg {
text-align: center;
}
#projectSystem #project-system-six .centerss .collect .mansg img:hover {
transition: 0.5s;
transform: scale(1.05);
}
#projectSystem #project-system-six .centerss .collect .mansg .size28 {
height: 1rem;
color: #d29708;
line-height: 1.2rem;
}
#projectSystem #project-system-six .centerss .collect .mansg .manager {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#projectSystem #project-system-seven {
height: 7rem;
background-image: url('../images/project/13.png');
}
#projectSystem #project-system-seven .center .title {
height: 2.75rem;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
#projectSystem #project-system-seven .center .title .size63 {
height: 1.45rem;
line-height: 1.6rem;
}
#projectSystem #project-system-seven .center .title .size22 {
color: #000;
margin-top: -0.2rem;
}
#projectSystem #project-system-seven .center .title .size38 {
height: 1rem;
line-height: 0.87rem;
color: #d29708;
}
#projectSystem #project-system-seven .center .cont {
height: 3.6rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
}
#projectSystem #project-system-seven .center .cont div {
width: 2.7rem;
height: 1.6rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
text-align: center;
}
#projectSystem #project-system-seven .center .cont div .size21 {
height: 0.63rem;
line-height: 0.8rem;
color: #ce930b;
}
#projectSystem #project-system-seven .center .cont div .size17 {
color: #646464;
}
#projectSystem #project-system-seven .center .cont div:hover {
transform: translateY(-0.1rem);
-ms-transform: translateY(-0.1rem);
-webkit-transform: translateY(-0.1rem);
transition: 0.5s;
}
#projectSystem #project-system-seven .center .cont div:hover .size21 {
color: #d19600;
}
#projectSystem #project-system-seven .center .cont div:hover .size17 {
color: #ce930b;
}
#projectSystem #project-system-eight {
height: 6.34rem;
background-color: #1b1b1b;
}
#projectSystem #project-system-eight .center .title {
height: 1.4rem;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
#projectSystem #project-system-eight .center .title .size38 {
height: 1.23rem;
line-height: 1.5rem;
color: #d29708;
letter-spacing: 0.04rem;
}
#projectSystem #project-system-eight .center .eight-s {
width: 100%;
}
#projectSystem #project-system-eight .center .eight-s .everys {
width: 2.7rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.3);
opacity: 0.95;
text-align: center;
padding-top: 0.14rem;
}
#projectSystem #project-system-eight .center .eight-s .everys .size21 {
letter-spacing: 1px;
color: #ce930b;
line-height: 0.55rem;
}
#projectSystem #project-system-eight .center .eight-s .everys div {
width: 1.84rem;
margin: 0 auto;
}
#projectSystem #project-system-eight .center .eight-s .everys:hover {
transform: scale(1.05);
transition: 0.5s;
}
#projectSystem #project-system-eight .center .eight-s .top {
display: flex;
justify-content: space-between;
height: 2.2rem;
}
#projectSystem #project-system-eight .center .eight-s .bottom {
margin-top: 0.4rem;
display: flex;
justify-content: space-between;
height: 1.7rem;
}
#projectSystem #project-system-nine {
height: 9.82rem;
background-color: #fff;
}
#projectSystem #project-system-nine .center .title {
height: 1.58rem;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
line-height: 1.58rem;
}
#projectSystem #project-system-nine .center .title .size62 {
line-height: 1.72rem;
}
#projectSystem #project-system-nine .center .des {
display: flex;
flex-direction: column;
}
#projectSystem #project-system-nine .center .des .real-time {
height: 0.91rem;
margin: 0.3rem 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-bottom: 0.01rem solid #eeeeee;
}
#projectSystem #project-system-nine .center .des .real-time .size42 {
line-height: 0.8rem;
height: 100%;
}
#projectSystem #project-system-nine .center .des .real-time .size21 {
width: 2rem;
height: 0.44rem;
text-align: center;
line-height: 0.44rem;
color: #d29708;
border: solid 0.01rem #d29708;
}
#projectSystem #project-system-nine .center .des .real-time .size21:hover {
color: #fff;
background-color: #d29708;
transition: 0.5s;
}
#projectSystem #project-system-nine .center .des .construction {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#projectSystem #project-system-nine .center .des .construction .details {
width: 3.8rem;
height: 3rem;
text-align: center;
}
#projectSystem #project-system-nine .center .des .construction .details .img {
width: 3.8rem;
height: 2.6rem;
}
#projectSystem #project-system-nine .center .des .construction .details .img .todetails {
width: 3.8rem;
height: 2.6rem;
background-color: #535353;
opacity: 0;
}
#projectSystem #project-system-nine .center .des .construction .details .img .todetails a {
display: flex;
align-items: center;
}
#projectSystem #project-system-nine .center .des .construction .details .img .todetails .look {
width: 1.04rem;
height: 0.36rem;
border: solid 1px #d29708;
color: #d29708;
text-align: center;
line-height: 0.36rem;
margin: 0 auto;
}
#projectSystem #project-system-nine .center .des .construction .details .img .todetails .look:hover {
transition: 0.5s;
background-color: #d29708;
color: #fff;
}
#projectSystem #project-system-nine .center .des .construction .details span {
line-height: 0.5rem;
}
#projectSystem #project-system-nine .center .des .construction .details:hover .todetails {
opacity: 0.8;
}
#projectSystem .project-system-ten {
height: 8.5rem;
background-color: #eeeeee;
}
#projectSystem .project-system-ten .center .title {
height: 3.12rem;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
#projectSystem .project-system-ten .center .title .size63 {
height: 1.3rem;
line-height: 1.87rem;
}
#projectSystem .project-system-ten .center .title .line {
width: 0.33rem;
height: 0.02rem;
background-color: #d29708;
margin: 0.15rem auto;
}
#projectSystem .project-system-ten .center .title .double {
color: #969696;
line-height: 0.4rem;
}
#projectSystem .project-system-ten .center .title .worker {
width: 6.9rem;
height: 0.68rem;
margin: 0 auto;
color: #0d0d0d;
line-height: 0.35rem;
}
#projectSystem .project-system-ten .center .img-worker {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#projectSystem .project-system-ten .center .img-worker img:hover {
transform: scale(1.05);
transition: all 0.5s;
}
#projectSystem .project-system-eleven {
height: 3.4rem;
background-color: #fff;
}
#projectSystem .project-system-eleven .center {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#projectSystem .project-system-eleven .center .left {
width: 8.9rem;
text-align: center;
}
#projectSystem .project-system-eleven .center .left .serve {
margin: 0 auto;
width: 6.47rem;
height: 1rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#projectSystem .project-system-eleven .center .left .serve div {
display: flex;
flex-direction: column;
align-items: center;
}
#projectSystem .project-system-eleven .center .left .serve div .size25 {
line-height: 0.5rem;
}
#projectSystem .project-system-eleven .center .left .serve div:hover {
transform: translateY(-0.1rem);
transition: all 0.5s;
}
#projectSystem .project-system-eleven .center .left .serve div:hover span {
color: #ce930b;
}
#projectSystem .project-system-eleven .center .left .serve .line {
width: 0.01rem;
height: 1rem;
background-color: #bfbfbf;
}
#projectSystem .project-system-eleven .center .left .size58 {
width: 100%;
height: 1.57rem;
line-height: 1.8rem;
}
#projectSystem .project-system-eleven .center .right {
width: 3.1rem;
margin-top: 0.32rem;
}
#live {
width: 100%;
background-color: #f5f5f5;
padding-bottom: 1.2rem;
}
#live .sort {
width: 100%;
height: 0.77rem;
border-bottom: 0.01rem solid #c8c8c8;
display: flex;
align-items: center;
}
#live .sort .center {
width: 12rem;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#live .sort .center .online {
width: 6.8rem;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
#live .sort .center .lef {
width: 5.6rem;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
#live .sort .center .lef li {
width: 0.9rem;
height: 0.34rem;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
#live .sort .center .lef .on {
background-color: #d29708;
color: #fff;
}
#live .sort .center .rig {
width: 3.2rem;
height: 0.4rem;
border: solid 1px #d29708;
display: flex;
flex-direction: row;
}
#live .sort .center .rig input {
width: 2.8rem;
height: 0.4rem;
box-sizing: border-box;
padding-left: 0.12rem;
border: 0 solid #fff;
}
#live .sort .center .rig div {
width: 0.4rem;
height: 0.4rem;
border-left: 0.01rem solid #d29708;
display: flex;
align-items: center;
justify-content: center;
}
#live .cases {
width: 100%;
padding-top: 0.09rem;
}
#live .cases .center {
width: 12rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
#live .cases .center .every {
width: 3.7rem;
height: 3.4rem;
background-color: #ffffff;
margin: 0.225rem 0;
float: left;
}
#live .cases .center .every .picture {
width: 3.7rem;
height: 2.5rem;
}
#live .cases .center .every .picture .hidden {
width: 100%;
height: 100%;
background-color: #1b1b1b;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
}
#live .cases .center .every .picture .hidden .particulars {
width: 1.4rem;
height: 0.37rem;
border: solid 1px #ce930b;
color: #ce930b;
text-align: center;
line-height: 0.37rem;
}
#live .cases .center .every .picture .hidden .particulars a {
color: #ce930b;
}
#live .cases .center .every .picture:hover .hidden {
opacity: 0.75;
}
#live .cases .center .every .pic-des {
width: 3.21rem;
margin: 0 auto;
}
#live .cases .center .every .pic-des .up {
height: 0.47rem;
text-align: center;
line-height: 0.6rem;
}
#live .cases .center .every .pic-des .down {
margin-top: 0.13rem;
text-align: center;
}
#live .cases .center .every:nth-child(3n+2) {
margin-left: 0.45rem;
margin-right: 0.45rem;
}
#live .cases .center .every:hover {
background-color: #ce930b;
color: #fff;
transform: translateY(10px);
transition: 0.5s;
box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.3);
}
#live .end_case {
width: 100%;
float: left;
}
#live .tomore {
width: 3rem;
height: 0.54rem;
border: solid 1px #d29708;
line-height: 0.54rem;
text-align: center;
color: #d29708;
float: left;
margin: 0.2rem 0 0.2rem 42%;
}
#live .tomore:hover {
border: solid 1px #d29708;
background-color: #d29708;
color: #fff;
transition: 0.5s;
}
#know .center {
width: 12rem;
margin: 0 auto;
}
#know .slideshow {
width: 100%;
height: 6.5rem;
position: relative;
}
#know .slideshow .bd {
width: 100%;
height: 6.5rem;
}
#know .slideshow .bd ul {
width: 100%;
height: 100%;
}
#know .slideshow .bd ul li {
width: 100%;
height: 100%;
}
#know .slideshow .hd {
position: absolute;
width: 100%;
top: 6.1rem;
}
#know .slideshow .hd ul {
margin: 0 auto;
display: flex;
flex-direction: row;
width: 1.3rem;
height: 0.04rem;
justify-content: space-between;
}
#know .slideshow .hd li {
width: 0.3rem;
height: 0.04rem;
background-color: #ffffff;
border-radius: 0.02rem;
}
#know .slideshow .hd .on {
background-color: #d29708;
}
#know #must-need {
height: 5.41rem;
width: 100%;
}
#know #must-need .center .real-time {
height: 0.8rem;
margin: 0.39rem 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-bottom: 0.01rem solid #7f7f7f;
}
#know #must-need .center .real-time .size21 {
width: 2rem;
height: 0.44rem;
text-align: center;
line-height: 0.44rem;
color: #d29708;
border: solid 0.01rem #d29708;
}
#know #must-need .center .real-time .size21:hover {
color: #fff;
background-color: #d29708;
}
#know #must-need .center .all {
width: 100%;
height: 3.5rem;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 0.7rem;
}
#know #must-need .center .all .every {
width: 3.8rem;
height: 3.5rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.3);
}
#know #must-need .center .all .every .size21 {
box-sizing: border-box;
padding: 0.07rem 0.25rem;
text-align: center;
line-height: 0.25rem;
color: #323232;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 0.1rem;
}
#know #must-need .center .all .every .mustbe-img {
width: 3.8rem;
height: 2.59rem;
}
#know #must-need .center .all .every:hover {
transform: translateY(10px);
transition: 0.5s;
background-color: #d29708;
}
#know #must-need .center .all .every:hover .size21 {
color: #ffffff;
}
#know #guide {
height: 6rem;
width: 100%;
background-color: #eeeeee;
}
#know #guide .center .real-time {
height: 1.33rem;
margin: 0 0 0.36rem;
display: flex;
flex-direction: row;
line-height: 1.78rem;
justify-content: space-between;
border-bottom: 0.01rem solid #7f7f7f;
}
#know #guide .center .real-time .size21 {
width: 2rem;
height: 0.44rem;
text-align: center;
line-height: 0.44rem;
color: #d29708;
border: solid 0.03px #d29708;
margin-top: 0.63rem;
}
#know #guide .center .real-time .size21:hover {
color: #fff;
background-color: #d29708;
}
#know #guide .center .all {
width: 100%;
height: 3.75rem;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 0.7rem;
}
#know #guide .center .all .img-left {
width: 4.3rem;
height: 3.75rem;
}
#know #guide .center .all .room {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 7.2rem;
height: 100%;
background-color: #302f2f;
}
#know #guide .center .all .room .arrows {
width: 0.65rem;
height: 3.75rem;
background-color: #302f2f;
display: flex;
align-items: center;
justify-content: center;
}
#know #guide .center .all .room .arrows img:hover {
transform: scale(1.2);
transition: all 0.5s;
}
#know #guide .center .all .room .all-area {
width: 5.8rem;
height: 3.5rem;
overflow: hidden;
}
#know #guide .center .all .room .all-area ul {
width: 5.8rem;
height: 3.4rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
padding-top: 0.2rem;
}
#know #guide .center .all .room .all-area ul li {
width: 1.8rem;
height: 1.61rem;
}
#know #guide .center .all .room .all-area ul li div {
width: 1.8rem;
height: 1.61rem;
text-align: center;
line-height: 1.61rem;
color: #fff;
}
#know #guide .center .all .room .all-area ul li:hover {
transform: scale(1.05);
transition: all 0.5s;
}
#know #guide .center .all .room .all-area ul li:hover div {
color: #d19600;
}
#know #guide .center .all .room .all-area ul img {
width: 1.8rem;
height: 1.61rem;
}
#know #attention {
height: 6.3rem;
width: 100%;
}
#know #attention .center .real-time {
height: 1.3rem;
margin-bottom: 0.35rem;
display: flex;
flex-direction: row;
line-height: 1.7rem;
justify-content: space-between;
border-bottom: 0.01rem solid #7f7f7f;
}
#know #attention .center .real-time .size21 {
width: 2rem;
height: 0.44rem;
text-align: center;
line-height: 0.44rem;
color: #d29708;
border: solid 0.03px #d29708;
margin-top: 0.6rem;
}
#know #attention .center .real-time .size21:hover {
color: #fff;
background-color: #d29708;
}
#know #attention .center .all {
width: 100%;
height: 4.42rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
}
#know #attention .center .all .every {
width: 5.8rem;
height: 2rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.3);
}
#know #attention .center .all .every a {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#know #attention .center .all .every .des {
width: 3.8rem;
padding: 0.18rem 0.3rem 0 0.25rem;
}
#know #attention .center .all .every .des .time {
padding-top: 0.1rem;
width: 2.16rem;
display: flex;
flex-direction: row;
justify-content: space-between;
color: #636161;
}
#know #attention .center .all .every .des .size21 {
width: 3.25rem;
height: 0.57rem;
overflow: hidden;
text-overflow: ellipsis;
color: #323232;
line-height: 0.24rem;
}
#know #attention .center .all .every .des .size15 {
width: 3.25rem;
height: 0.64rem;
overflow: hidden;
text-overflow: ellipsis;
color: #646464;
}
#know #attention .center .all .every .ev_img {
width: 2rem;
height: 100%;
}
#know #attention .center .all .every:hover {
transition: 0.5s;
transform: scale(1.05);
}
#know #attention .center .all .every:hover .size21 {
color: #d19600;
}
#know #match {
height: 5.15rem;
width: 100%;
}
#know #match .center .real-time {
height: 1.08rem;
margin-bottom: 0.35rem;
line-height: 1.32rem;
display: flex;
flex-direction: row;
justify-content: space-between;
border-bottom: 0.01rem solid #7f7f7f;
}
#know #match .center .real-time .size21 {
width: 2rem;
height: 0.44rem;
text-align: center;
line-height: 0.44rem;
color: #d29708;
border: solid 0.01rem #d29708;
margin-top: 0.4rem;
}
#know #match .center .real-time .size21:hover {
color: #fff;
background-color: #d29708;
}
#know #match .center .all {
width: 100%;
height: 3rem;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 0.7rem;
}
#know #match .center .all .every {
width: 3.8rem;
height: 3rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.3);
}
#know #match .center .all .every .mustbe-img {
width: 3.8rem;
height: 2.59rem;
}
#know #match .center .all .every .softz-img {
width: 3.8rem;
height: 2.31rem;
}
#know #match .center .all .every .size21 {
line-height: 0.25rem;
box-sizing: border-box;
width: 100%;
padding: 0.02rem 0.25rem;
text-align: center;
color: #323232;
overflow: hidden;
text-overflow: ellipsis;
}
#know #match .center .all .every:hover {
transform: translateY(10px);
transition: 0.5s;
background-color: #d29708;
}
#know #match .center .all .every:hover .size21 {
color: #ffffff;
}
#brand .brand-one {
width: 100%;
height: 6.5rem;
background-color: #eeeeee;
background-image: url('../images/brand/1.jpg');
}
#brand #brand-about {
height: 4.15rem;
background-color: #fff;
}
#brand #brand-about .size63 {
color: #323232;
text-align: center;
margin: 0.39rem 0 0.15rem;
}
#brand #brand-about .line {
width: 0.32rem;
height: 0.02rem;
background-color: #ce930b;
margin: 0 auto;
}
#brand #brand-about video {
width: 100%;
height: 6.75rem;
background-color: #000000;
}
#brand #brand-course {
width: 100%;
height: 6.2rem;
background-size: 100% 100%;
background-image: url('../images/brand/2.jpg');
}
#brand #brand-course .center .size63 {
text-align: center;
color: #fff;
height: 1.85rem;
line-height: 1.85rem;
}
#brand #brand-course .center .course {
width: 100%;
height: 3.6rem;
}
#brand #brand-course .center .course ul {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: space-around;
border-top: 0.02rem solid #ce930b;
}
#brand #brand-course .center .course ul li {
width: 1rem;
position: relative;
}
#brand #brand-course .center .course ul li .circle {
position: absolute;
top: -0.06rem;
width: 0.12rem;
left: 0.44rem;
height: 0.12rem;
border-radius: 50%;
background-color: #e6c985;
display: flex;
align-items: center;
}
#brand #brand-course .center .course ul li .circle .smart {
width: 0.06rem;
height: 0.06rem;
margin: 0 auto;
background-color: #ce930b;
border-radius: 50%;
}
#brand #brand-course .center .course ul li .content {
writing-mode: tb-rl;
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box;
padding: 0.29rem 0.3rem;
}
#brand #brand-course .center .course ul li .day {
color: #ce930b;
}
#brand #brand-course .center .course ul li .des {
color: #fff;
}
#brand #brand-course .center .course ul li:hover .des {
color: #ce930b;
transition: 0.5s;
}
#brand #brand-honor {
height: 11.16rem;
background-color: #dff3d9;
background-image: url('../images/brand/4.jpg');
}
#brand #brand-honor .title {
height: 2.09rem;
display: flex;
flex-direction: column;
align-items: center;
}
#brand #brand-honor .title .size63 {
padding-top: 0.6rem;
line-height: 0.8rem;
color: #323232;
}
#brand #brand-honor .title .size25 {
color: #969696;
}
#brand #brand-honor .honor {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 0.31rem;
}
#brand #brand-honor .honor .honor-left,
#brand #brand-honor .honor .honor-right {
width: 5.8rem;
height: 7.6rem;
background-image: linear-gradient(#e5bc4b, #ce930b), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
background-blend-mode: normal,
normal;
}
#brand #brand-honor .honor .honor-left ul,
#brand #brand-honor .honor .honor-right ul {
padding-top: 0.4rem;
}
#brand #brand-honor .honor .honor-left li,
#brand #brand-honor .honor .honor-right li {
line-height: 0.5rem;
display: flex;
align-items: center;
padding-left: 0.5rem;
}
#brand #brand-honor .honor .honor-left li span,
#brand #brand-honor .honor .honor-right li span {
padding-left: 0.1rem;
}
#brand #brand-honor .honor .honor-left li span:hover {
color: #fff;
transition: 0.5s;
}
#brand #brand-honor .honor .honor-right li span:hover {
color: #fff;
transition: 0.5s;
}
#brand #brand-news {
height: 5.8rem;
}
#brand #brand-news .news-case,
#brand #brand-news .news-img {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#brand #brand-news .news-case {
height: 1.2rem;
border-bottom: 0.01rem solid #a09f9f;
}
#brand #brand-news .news-case .result {
height: 1.3rem;
line-height: 1.65rem;
}
#brand #brand-news .news-case .lookmore {
height: 1.3rem;
line-height: 1.65rem;
}
#brand #brand-news .news-case .lookmore .size21 {
width: 2rem;
height: 0.45rem;
border: solid 1px #d29708;
letter-spacing: 0.02rem;
color: #d29708;
background-color: #fff;
}
#brand #brand-news .news-case .lookmore .size21:hover {
color: #fff;
background-color: #d29708;
transition: 0.5s;
}
#brand #brand-news .news-img {
margin-top: 0.3rem;
}
#brand #brand-news .news-img .img {
width: 3.8rem;
height: 3.61rem;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
#brand #brand-news .news-img .img img {
width: 3.8rem;
height: 2.41rem;
}
#brand #brand-news .news-img .img div {
width: 3.55rem;
padding-left: 0.26rem;
box-sizing: border-box;
color: #323232;
display: flex;
flex-direction: column;
padding-top: 0.15rem;
}
#brand #brand-news .news-img .img div a {
text-decoration: none;
margin-top: -0.07rem;
}
#brand #brand-news .news-img .img div span {
padding-top: 0.1rem;
color: #969696;
}
#brand #brand-news .news-img .img:hover {
transform: translateY(10px);
transition: 0.5s;
background-color: #d29708;
}
#brand #brand-news .news-img .img:hover .size21 {
color: #ffffff;
}
#brand #brand-news .news-img .img:hover span {
color: #ffffff;
}
#brand .brand-activity {
width: 100%;
height: 6.81rem;
background-color: #eeeeee;
}
#brand .brand-activity .size63 {
color: #323232;
text-align: center;
height: 1.7rem;
line-height: 1.7rem;
}
#brand .brand-activity .center {
position: relative;
}
#brand .brand-activity .center .banner .swiper {
width: 12rem;
margin: 0 auto;
position: relative;
}
#brand .brand-activity .center .banner .swiper .swiper-button-prev:hover {
transition: all 0.5s;
transform: scale(1.2);
}
#brand .brand-activity .center .banner .swiper .swiper-button-next:hover {
transition: all 0.5s;
transform: scale(1.2);
}
#brand .brand-activity .center .banner .dg-container {
width: 100%;
height: 4.5rem;
position: relative;
}
#brand .brand-activity .center .banner .dg-wrapper {
width: 6.7rem;
height: 3.97rem;
margin: 0 auto;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-o-perspective: 1000px;
-ms-perspective: 1000px;
perspective: 1000px;
}
#brand .brand-activity .center .banner .dg-wrapper a {
width: 6.7rem;
height: 3.97rem;
display: block;
position: absolute;
left: 0;
top: 0;
box-shadow: 0px 34px 58px rgba(0, 0, 0, 0.3);
}
#brand .brand-activity .center .banner .dg-wrapper a img {
display: block;
}
#brand .brand-activity .center .banner .dg-wrapper a div {
font-style: italic;
text-align: center;
line-height: 0.5rem;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
color: #333;
font-size: 0.16rem;
width: 100%;
bottom: -0.55rem;
display: none;
position: absolute;
}
#brand .brand-activity .center .banner .dg-wrapper a.dg-transition {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#brand .brand-activity .center .banner .dg-wrapper a.dg-center div {
display: block;
}
#brand .brand-activity .center .banner .dg-container nav {
width: 58px;
position: absolute;
z-index: 1000;
bottom: 40px;
left: 50%;
margin-left: -29px;
}
#brand .brand-activity .center .banner .dg-container span {
text-indent: -9000px;
float: left;
cursor: pointer;
width: 24px;
height: 25px;
opacity: 0.8;
}
#brand .brand-activity .center .banner .dg-container span:hover {
opacity: 1;
}
#brand .brand-activity .center .banner .dg-container span.dg-next {
background-position: top right;
margin-left: 10px;
}
#brand .brand-activity .center .swiper-button-prev {
width: 0.46rem;
height: 0.46rem;
background: url('../images/brand/left.png') no-repeat center center;
position: absolute;
top: 210px;
left: -70px;
}
#brand .brand-activity .center .swiper-button-next {
width: 0.46rem;
height: 0.46rem;
background-size: auto;
background-image: url('../images/brand/right.png');
position: absolute;
top: 210px;
right: -70px;
}
#brand .brand-cooperation {
width: 100%;
height: 4.9rem;
background-color: #ffffff;
}
#brand .brand-cooperation .size63 {
color: #323232;
text-align: center;
height: 1.7rem;
line-height: 1.7rem;
}
#brand .brand-cooperation .cooperation {
width: 100%;
height: 3.2rem;
}
#brand .brand-cooperation .cooperation ul {
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#brand .brand-cooperation .cooperation ul li {
width: 2.15rem;
height: 1.2rem;
}
#brand .brand-cooperation .cooperation ul li:hover {
transform: translateY(-0.1rem);
transition: all 0.5s;
}
#brand #brand-contact-us {
width: 100%;
height: 5.6rem;
display: flex;
align-items: center;
}
#brand #brand-contact-us img {
width: 6.43rem;
height: 3.01rem;
margin: 0 auto;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
#massCase .mass-case-head {
width: 100%;
height: 6rem;
}
#massCase .mass-case-tab {
width: 100%;
height: 100%;
}
#massCase .mass-case-tab .hd {
width: 100%;
height: 0.89rem;
background-color: #000000;
color: #fff;
}
#massCase .mass-case-tab .hd ul {
margin: 0 auto;
width: 9.31rem;
height: 0.83rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#massCase .mass-case-tab .hd ul li {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
#massCase .mass-case-tab .hd ul li img {
position: absolute;
top: 0.75rem;
opacity: 0;
}
#massCase .mass-case-tab .hd ul li .size25 {
line-height: 0.84rem;
}
#massCase .mass-case-tab .hd ul .on .size25 {
color: #d29708;
}
#massCase .mass-case-tab .hd ul .on img {
opacity: 1;
}
#massCase .mass-case-tab .hd .yellow-line {
width: 100%;
height: 0.06rem;
background-color: #d29708;
}
#massCase .mass-case-tab .bd {
padding-bottom: 0.5rem;
height: 100%;
}
#massCase .mass-case-tab .bd ul .screen {
width: 100%;
background-color: #eeeeee;
display: flex;
align-items: center;
box-sizing:border-box;
padding:0.25rem 0;
}
#massCase .mass-case-tab .bd ul .screen .center {
/* height: 2rem; */
border-top: 0.02rem solid #bfbfbf;
}
#massCase .mass-case-tab .bd ul .screen .center .classify {
height: 0.48rem;
width: 100%;
border-bottom: 0.02rem solid #bfbfbf;
display: flex;
flex-direction: row;
align-items: center;
}
#massCase .mass-case-tab .bd ul .screen .center .classify span {
padding: 0 0.26rem;
letter-spacing: 0.01rem;
height: 0.34rem;
line-height: 0.34rem;
}
#massCase .mass-case-tab .bd ul .screen .center .classify .check-area {
display: flex;
flex-direction: row;
}
#massCase .mass-case-tab .bd ul .screen .center .classify .check-area span a {
color: #323232;
}
#massCase .mass-case-tab .bd ul .screen .center .classify .check-area .on {
background-color: #d29708;
}
#massCase .mass-case-tab .bd ul .screen .center .classify .check-area .on a {
color: #fff;
}
#massCase .mass-case-tab .bd ul .screen .center .classifys {
height: 1rem;
width: 100%;
border-bottom: 0.02rem solid #bfbfbf;
display: flex;
flex-direction: row;
justify-content: space-between;
box-sizing: border-box;
padding-top: 0.1rem;
}
#massCase .mass-case-tab .bd ul .screen .center .classifys span {
padding: 0 0.26rem;
letter-spacing: 0.01rem;
height: 0.34rem;
line-height: 0.34rem;
}
#massCase .mass-case-tab .bd ul .screen .center .classifys .check-area {
display: flex;
flex-wrap: wrap;
width: 92%;
}
#massCase .mass-case-tab .bd ul .screen .center .classifys .check-area span a {
color: #323232;
}
#massCase .mass-case-tab .bd ul .screen .center .classifys .check-area .on {
background-color: #d29708;
}
#massCase .mass-case-tab .bd ul .screen .center .classifys .check-area .on a {
color: #fff;
}
#massCase .mass-case-tab .bd ul .sort {
width: 100%;
height: 0.77rem;
border-bottom: 0.01rem solid #c8c8c8;
display: flex;
align-items: center;
}
#massCase .mass-case-tab .bd ul .sort .center {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#massCase .mass-case-tab .bd ul .sort .center .lef {
width: 2.86rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#massCase .mass-case-tab .bd ul .sort .center .lef span {
width: 1.3rem;
height: 0.4rem;
border: solid 1px #969696;
text-align: center;
line-height: 0.4rem;
}
#massCase .mass-case-tab .bd ul .sort .center .lef span a {
color: #969696;
}
#massCase .mass-case-tab .bd ul .sort .center .lef .on {
border: solid 1px #d29708;
}
#massCase .mass-case-tab .bd ul .sort .center .lef .on a {
color: #d29708;
}
#massCase .mass-case-tab .bd ul .sort .center .rig {
width: 3.2rem;
height: 0.4rem;
border: solid 1px #d29708;
display: flex;
flex-direction: row;
}
#massCase .mass-case-tab .bd ul .sort .center .rig input {
width: 2.8rem;
height: 0.4rem;
box-sizing: border-box;
padding-left: 0.12rem;
border: 0 solid #fff;
color: #979797;
}
#massCase .mass-case-tab .bd ul .sort .center .rig div {
width: 0.4rem;
height: 0.4rem;
border-left: 0.01rem solid #d29708;
display: flex;
align-items: center;
justify-content: center;
}
#massCase .mass-case-tab .bd ul .cases {
width: 100%;
padding-top: 0.09rem;
}
#massCase .mass-case-tab .bd ul .cases .center {
width: 13rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
#massCase .mass-case-tab .bd ul .cases .center .every {
width: 3.7rem;
height: 3.74rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.3);
margin: 0.225rem 0;
margin-left: 49px;
}
#massCase .mass-case-tab .bd ul .cases .center .every .picture {
width: 3.7rem;
height: 2.5rem;
}
#massCase .mass-case-tab .bd ul .cases .center .every .picture .hidden {
width: 100%;
height: 100%;
background-color: #1b1b1b;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
}
#massCase .mass-case-tab .bd ul .cases .center .every .picture .hidden a {
color: #ce930b;
}
#massCase .mass-case-tab .bd ul .cases .center .every .picture .hidden .vr {
width: 1.4rem;
height: 0.37rem;
border: solid 1px #ce930b;
text-align: center;
line-height: 0.37rem;
}
#massCase .mass-case-tab .bd ul .cases .center .every .picture .hidden .vr a {
color: #ce930b;
}
#massCase .mass-case-tab .bd ul .cases .center .every .picture:hover .hidden {
opacity: 0.75;
}
#massCase .mass-case-tab .bd ul .cases .center .every .pic-des {
width: 3.21rem;
margin: 0 auto;
}
#massCase .mass-case-tab .bd ul .cases .center .every .pic-des .up {
height: 0.47rem;
border-bottom: 0.01rem solid #dcdcdc;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#massCase .mass-case-tab .bd ul .cases .center .every .pic-des .down {
margin-top: 0.13rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#massCase .mass-case-tab .bd ul .cases .center .every .pic-des .down .name {
display: flex;
flex-direction: row;
width: 1.38rem;
justify-content: space-between;
}
#massCase .mass-case-tab .bd ul .cases .center .every .pic-des .down .name .designerLogo {
width: 0.4rem;
height: 0.42rem;
overflow: hidden;
}
#massCase .mass-case-tab .bd ul .cases .center .every .pic-des .down .name .designerLogo img {
width: 100%;
height: auto;
}
#massCase .mass-case-tab .bd ul .cases .center .every .pic-des .down .name div {
display: flex;
flex-direction: column;
}
#massCase .mass-case-tab .bd ul .cases .center .every .pic-des .down .money {
width: 1.2rem;
height: 0.34rem;
background-image: linear-gradient(#ddb548, #ce930b), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
color: #fff;
line-height: 0.34rem;
text-align: center;
border: 0.01rem solid #fff;
}
#massCase .mass-case-tab .bd ul .cases .center .every .pic-des .down .money:hover {
background-image: linear-gradient(#fff, #fff), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
border: 0.01rem solid #ce930b;
color: #ce930b;
transition: 0.5s;
}
#massCase .mass-case-tab .bd ul .cases .center .every:hover {
transform: translateY(10px);
transition: 0.5s;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill {
width: 13rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every {
width: 3.7rem;
height: 3.74rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.3);
margin: 0.225rem 0 0 0.49rem;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every .picture {
width: 3.7rem;
height: 2.5rem;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every .picture .hidden {
width: 100%;
height: 100%;
background-color: #1b1b1b;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every .picture .hidden .vr {
width: 1.4rem;
height: 0.37rem;
border: solid 1px #ce930b;
text-align: center;
line-height: 0.37rem;
margin: 0 auto;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every .picture .hidden .vr a {
color: #ce930b;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every .picture:hover .hidden {
opacity: 0.75;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every .pic-des {
width: 3.21rem;
margin: 0 auto;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every .pic-des .up {
text-align: center;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every .pic-des .down {
text-align: center;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every .pic-des .up {
height: 0.58rem;
border-bottom: 0.01rem solid #dcdcdc;
display: flex;
justify-content: center;
align-items: center;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every .pic-des .down {
margin-top: 0.13rem;
display: flex;
flex-direction: row;
justify-content: center;
color: #747373;
}
#massCase .mass-case-tab .bd ul .cases .jhCasehotvill .every:hover {
transform: translateY(10px);
transition: 0.5s;
}
#heartfelt .heart-title {
width: 100%;
height: 3.5rem;
background-image: url('../images/heartfelt/1.jpg');
}
#heartfelt .heart-client {
width: 100%;
height: 8.38rem;
background-color: #fff;
display: flex;
align-items: center;
}
#heartfelt .heart-client .center {
width: 13.04rem;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#heartfelt .heart-client .center .lunbo {
width: 12rem;
height: 7rem;
}
#heartfelt .heart-client .center .lunbo ul {
display: flex;
flex-direction: row;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
#heartfelt .heart-client .center .lunbo ul li {
width: 12rem;
height: 7rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#heartfelt .heart-client .center .lunbo ul li .des {
width: 3.8rem;
height: 7rem;
background-color: #000000;
display: flex;
flex-direction: column;
padding: 0.48rem 0.48rem;
}
#heartfelt .heart-client .center .lunbo ul li .des .size38 {
color: #fff;
}
#heartfelt .heart-client .center .lunbo ul li .des .size17 {
color: #d29708;
line-height: 0.5rem;
}
#heartfelt .heart-client .center .lunbo ul li .des .line {
width: 0.26rem;
height: 0.02rem;
background-color: #d29708;
}
#heartfelt .heart-client .center .lunbo ul li .des .word {
width: 3.3rem;
/* height: 2.8rem; */
line-height: 0.21rem;
color: #c8c8c8;
margin-top: 0.17rem;
margin-bottom: 0.15rem;
}
#heartfelt .heart-client .center .lunbo ul li .des .client-name {
width: 2rem;
height: 1.1rem;
display: flex;
justify-content: space-between;
align-items: center;
}
#heartfelt .heart-client .center .lunbo ul li .des .client-name span {
color: #fff;
}
#heartfelt .heart-client .center .lunbo ul li .des .client-name img {
width: 0.9rem;
height: 1.1rem;
}
#heartfelt .heart-client .center .lunbo ul li .clientimg {
width: 8.2rem;
height: 7rem;
}
#knowSon .knowSons {
width: 12rem;
margin: 0 auto;
padding: 0.6rem 0;
}
#knowSon .knowSons .hd {
width: 100%;
height: 0.44rem;
}
#knowSon .knowSons .hd ul {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#knowSon .knowSons .hd ul li {
width: 2.87rem;
height: 0.42rem;
background-color: #ffffff;
border: solid 1px #bfbfbf;
text-align: center;
line-height: 0.42rem;
}
#knowSon .knowSons .hd ul .on {
background-image: linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(#000000, #000000);
background-blend-mode: normal,
normal;
color: #ce930b;
}
#knowSon .knowSons .cont {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 0.33rem;
}
#knowSon .knowSons .cont .bd {
width: 8.7rem;
}
#knowSon .knowSons .cont .bd ul {
width: 8.7rem;
}
#knowSon .knowSons .cont .bd ul .lunbo {
width: 100%;
height: 3.8rem;
position: relative;
}
#knowSon .knowSons .cont .bd ul .lunbo .slideshow-bd {
width: 100%;
height: 3.8rem;
overflow: hidden;
}
#knowSon .knowSons .cont .bd ul .lunbo .slideshow-bd ul {
width: 100%;
height: 3.8rem;
}
#knowSon .knowSons .cont .bd ul .lunbo .slideshow-bd ul li {
width: 100%;
height: 3.8rem;
}
#knowSon .knowSons .cont .bd ul .lunbo .slideshow-hd {
position: absolute;
top: 3.55rem;
left: 3.7rem;
}
#knowSon .knowSons .cont .bd ul .lunbo .slideshow-hd ul {
width: 1.3rem;
height: 0.04rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#knowSon .knowSons .cont .bd ul .lunbo .slideshow-hd ul li {
width: 0.3rem;
height: 0.04rem;
background-color: #ffffff;
border-radius: 0.02rem;
}
#knowSon .knowSons .cont .bd ul .lunbo .slideshow-hd ul .on {
background-color: #d29708;
}
#knowSon .knowSons .cases .news-essay {
width: 8.7rem;
margin-bottom: 0.2rem;
}
#knowSon .knowSons .cases .news-essay li {
margin-top: 0.3rem;
width: 8.7rem;
height: 2rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.3);
}
#knowSon .knowSons .cases .news-essay li a {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#knowSon .knowSons .cases .news-essay li a .two-two {
width: 2rem;
height: 2rem;
}
#knowSon .knowSons .cases .news-essay li .article {
width: 6.05rem;
margin: 0 auto;
}
#knowSon .knowSons .cases .news-essay li .article .size21 {
height: 0.63rem;
line-height: 0.8rem;
border-bottom: 0.01rem solid #ce930b;
color: #323232;
}
#knowSon .knowSons .cases .news-essay li .article div:nth-child(2) {
color: #646464;
}
#knowSon .knowSons .cases .news-essay li .article div:nth-child(3) {
color: #969696;
}
#knowSon .knowSons .cases .news-essay li .article .size17 .time {
padding-right: 0.23rem;
}
#knowSon .knowSons .cases .news-essay li .article .condes {
width: 6.05rem;
height: 0.65rem;
margin: 0.14rem 0 0.22rem;
overflow: hidden;
text-overflow: ellipsis;
}
#knowSon .knowSons .cases .news-essay li:hover {
transform: translateY(10px);
transition: 0.5s;
}
#knowSon .knowSons .cases .news-essay li:hover .article .size21 {
color: #d29708;
}
#knowSon .knowSons .cont .right {
width: 3rem;
}
#knowSon .knowSons .cont .right .sum {
width: 3rem;
height: 4.06rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.3);
}
#knowSon .knowSons .cont .right .sum .middl {
width: 2.32rem;
margin: 0 auto;
}
#knowSon .knowSons .cont .right .sum .middl .size21 {
height: 0.76rem;
line-height: 1rem;
color: #d29708;
}
#knowSon .knowSons .cont .right .sum .middl select,
#knowSon .knowSons .cont .right .sum .middl input,
#knowSon .knowSons .cont .right .sum .middl .order {
width: 2.32rem;
height: 0.4rem;
background-color: #ffffff;
padding-left: 0.08rem;
box-sizing: border-box;
}
#knowSon .knowSons .cont .right .sum .middl select,
#knowSon .knowSons .cont .right .sum .middl input {
margin-bottom: 0.1rem;
padding-left: 0.1rem;
border: solid 0.01rem #c9c9c9;
}
#knowSon .knowSons .cont .right .sum .middl .order {
background-image: linear-gradient(#f3c65d, #d29708), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #eeeeee 100%);
background-blend-mode: normal, normal;
color: #fff;
text-align: center;
line-height: 0.4rem;
margin-top: 0.1rem;
border: 0.01rem solid #fff;
}
#knowSon .knowSons .cont .right .sum .middl .order:hover {
background-image: linear-gradient(#fff, #fff), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #eeeeee 100%);
color: #d29708;
border: 0.01rem solid #d29708;
transition: 0.5s;
}
#knowSon .knowSons .cont .right .sum .middl .size13 {
margin-top: 0.1rem;
text-align: center;
color: #979797;
}
#knowSon .knowSons .cont .right .hot {
width: 3rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.3);
margin-top: 0.3rem;
box-sizing: border-box;
padding-bottom: 0.1rem;
}
#knowSon .knowSons .cont .right .hot .middl {
width: 2.32rem;
margin: 0 auto;
}
#knowSon .knowSons .cont .right .hot .middl .recommend {
height: 0.65rem;
width: 100%;
line-height: 0.75rem;
color: #d29708;
border-bottom: 0.01rem solid #dcdcdc;
}
#knowSon .knowSons .cont .right .hot .middl ul li {
height: 0.94rem;
border-bottom: 0.01rem solid #dcdcdc;
}
#knowSon .knowSons .cont .right .hot .middl ul li a {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
#knowSon .knowSons .cont .right .hot .middl ul li .articles {
width: 1.53rem;
height: 0.75rem;
color: #323232;
}
#knowSon .knowSons .cont .right .hot .middl ul li .articles div:nth-child(2) {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
#knowSon .knowSons .cont .right .hot .middl ul li .articles .size13 img {
width: 0.16rem;
height: 0.1rem;
margin-left: 0.35rem;
margin-top: 0.02rem;
}
#knowSon .knowSons .cont .right .hot .middl ul li .articles .headline {
width: 1.5rem;
height: 0.35rem;
margin-bottom: 0.23rem;
}
#knowSon .knowSons .cont .right .hot .middl ul li .articles .headline:hover {
color: #d29708;
}
#construction {
width: 100%;
background-color: #f5f5f5;
}
#construction .center {
padding: 0.8rem 0;
}
#construction .center .primary {
width: 100%;
height: 4.8rem;
background-color: #ffffff;
display: flex;
flex-direction: row;
}
#construction .center .primary:hover {
transition: 0.5s;
box-shadow: 0px 0px 0.15rem 0px rgba(0, 0, 0, 0.3);
}
#construction .center .primary .estate {
width: 3.4rem;
height: 4.8rem;
}
#construction .center .primary .estate .middle {
width: 2.64rem;
margin: 0 auto;
padding: 0.37rem 0 0;
display: flex;
flex-direction: column;
}
#construction .center .primary .estate .middle .area-m {
margin-top: -0.1rem;
}
#construction .center .primary .estate .middle .msg {
margin-top: 0.1rem;
}
#construction .center .primary .estate .middle .msg div {
display: flex;
flex-direction: row;
align-items: center;
color: #646464;
}
#construction .center .primary .estate .middle .msg div span:nth-child(2) {
padding-left: 0.08rem;
}
#construction .center .primary .estate .middle .msg div span:nth-child(3) {
padding-left: 0.12rem;
}
#construction .center .primary .estate .middle .msg div .tim {
width: 0.16rem;
height: 0.17rem;
}
#construction .center .primary .estate .middle .msg div .city {
width: 0.15rem;
height: 0.18rem;
}
#construction .center .primary .estate .middle .order {
width: 1.2rem;
height: 0.37rem;
border: solid 1px #ce930b;
color: #ce930b;
text-align: center;
line-height: 0.37rem;
margin: 0.49rem 0 0.15rem;
}
#construction .center .primary .estate .middle .order:hover {
border: solid 1px #ce930b;
background-color: #ce930b;
color: #fff;
transition: 0.5s;
}
#construction .center .primary .estate .middle .stylist {
display: flex;
flex-direction: row;
justify-content: space-between;
border-top: 0.01rem solid #e5e5e5;
}
#construction .center .primary .estate .middle .stylist div {
display: flex;
flex-direction: column;
margin-top: 0.16rem;
}
#construction .center .primary .estate .middle .stylist div .img {
width: 0.8rem;
height: 0.8rem;
overflow: hidden;
}
#construction .center .primary .estate .middle .stylist div .img:hover {
transition: 0.5s;
transform: translateY(-0.1rem);
}
#construction .center .primary .estate .middle .stylist div .img img {
width: 100%;
height: auto;
}
#construction .center .primary .estate .middle .stylist div span {
text-align: center;
color: #646464;
margin-top: 0.09rem;
}
#construction .center .primary .case-img-big {
width: 8.6rem;
height: 4.8rem;
overflow: hidden;
}
#construction .center .primary .case-img-big:hover img {
transition: 0.5s;
transform: scale(1.1);
}
#construction .center .son {
margin-top: 0.6rem;
}
#construction .center .son .grandson {
width: 100%;
height: 3rem;
background-color: #ffffff;
margin-bottom: 0.4rem;
display: flex;
flex-direction: row;
}
#construction .center .son .grandson:hover {
transition: 0.5s;
box-shadow: 0px 0px 0.15rem 0px rgba(0, 0, 0, 0.3);
}
#construction .center .son .grandson .word {
width: 3.39rem;
border-right: 0.01rem solid #e5e5e5;
padding: 0.5rem 0;
}
#construction .center .son .grandson .word .midd {
margin: 0 auto;
width: 2.62rem;
}
#construction .center .son .grandson .word .midd .person div {
display: flex;
align-items: center;
}
#construction .center .son .grandson .word .midd .person div .schedule {
padding-left: 0.08rem;
}
#construction .center .son .grandson .word .midd .person div .grow {
color: #646464;
padding-left: 0.08rem;
}
#construction .center .son .grandson .word .midd .line {
margin: 0.84rem 0 0.1rem;
width: 0.18rem;
height: 0.01rem;
background-color: #ce930b;
}
#construction .center .son .grandson .word .midd .size13 {
color: #646464;
}
#construction .center .son .grandson .pits {
width: 8.6rem;
display: flex;
align-items: center;
}
#construction .center .son .grandson .pits .middle {
margin: 0 auto;
width: 7.8rem;
display: flex;
flex-direction: row;
}
#construction .center .son .grandson .pits .middle .img {
width: 2.4rem;
height: 1.8rem;
overflow: hidden;
display: flex;
align-items: center;
}
#construction .center .son .grandson .pits .middle .img:nth-child(1) {
margin-right: 20px;
}
#construction .center .son .grandson .pits .middle .img:nth-child(2) {
margin-right: 20px;
}
#construction .center .son .grandson .pits .middle .img img {
width: 100%;
height: auto;
}
#construction .center .son .grandson .pits .middle img:hover {
transition: 0.5s;
transform: scale(1.05);
}
#newson .newsSon {
width: 12rem;
margin: 0 auto;
padding: 0.6rem 0;
}
#newson .newsSon .cont {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 0.33rem;
}
#newson .newsSon .cont .bd {
width: 8.7rem;
}
#newson .newsSon .cont .bd .two-two {
width: 2rem;
height: 2rem;
}
#newson .newsSon .cont .bd ul {
width: 8.7rem;
}
#newson .newsSon .cont .bd ul .lunbo {
width: 100%;
height: 3.8rem;
position: relative;
}
#newson .newsSon .cont .bd ul .lunbo .slideshow-bd {
width: 100%;
height: 3.8rem;
overflow: hidden;
}
#newson .newsSon .cont .bd ul .lunbo .slideshow-bd ul {
width: 100%;
height: 3.8rem;
}
#newson .newsSon .cont .bd ul .lunbo .slideshow-bd ul li {
width: 100%;
height: 3.8rem;
}
#newson .newsSon .cont .bd ul .lunbo .slideshow-hd {
position: absolute;
top: 3.55rem;
left: 3.7rem;
}
#newson .newsSon .cont .bd ul .lunbo .slideshow-hd ul {
width: 1.3rem;
height: 0.04rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#newson .newsSon .cont .bd ul .lunbo .slideshow-hd ul li {
width: 0.3rem;
height: 0.04rem;
background-color: #ffffff;
border-radius: 0.02rem;
}
#newson .newsSon .cont .bd ul .lunbo .slideshow-hd .on {
background-color: #d29708;
}
#newson .newsSon .cont .bd ul .news-essay {
width: 8.7rem;
}
#newson .newsSon .cont .bd ul .news-essay li {
margin-top: 0.3rem;
width: 8.7rem;
height: 2rem;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
#newson .newsSon .cont .bd ul .news-essay li a {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#newson .newsSon .cont .bd ul .news-essay li .article {
width: 6.05rem;
margin: 0 auto;
}
#newson .newsSon .cont .bd ul .news-essay li .article .size21 {
height: 0.63rem;
line-height: 0.8rem;
border-bottom: 0.01rem solid #000000;
color: #323232;
}
#newson .newsSon .cont .bd ul .news-essay li .article div:nth-child(2) {
color: #646464;
}
#newson .newsSon .cont .bd ul .news-essay li .article div:nth-child(3) {
color: #969696;
}
#newson .newsSon .cont .bd ul .news-essay li .article .size17 .time {
padding-right: 0.23rem;
}
#newson .newsSon .cont .bd ul .news-essay li .article .condes {
width: 6.05rem;
height: 0.65rem;
margin: 0.14rem 0 0.22rem;
overflow: hidden;
text-overflow: ellipsis;
}
#newson .newsSon .cont .bd ul .news-essay li .article:hover .size21 {
color: #ce930b;
}
#newson .newsSon .cont .bd ul .news-essay li:hover {
transform: translateY(10px);
transition: 0.5s;
}
#newson .newsSon .cont .bd ul .tomore {
width: 8.7rem;
height: 0.6rem;
margin-top: 0.3rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.3);
text-align: center;
line-height: 0.6rem;
letter-spacing: 0.02rem;
color: #ce930b;
}
#newson .newsSon .cont .bd ul .tomore:hover {
font-size: 0.24rem;
transition: 0.5s;
}
#newson .newsSon .cont .right {
width: 3rem;
}
#newson .newsSon .cont .right .sum {
width: 3rem;
height: 4.06rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.3);
}
#newson .newsSon .cont .right .sum .middl {
width: 2.32rem;
margin: 0 auto;
}
#newson .newsSon .cont .right .sum .middl .size21 {
height: 0.76rem;
line-height: 1rem;
color: #d29708;
}
#newson .newsSon .cont .right .sum .middl select,
#newson .newsSon .cont .right .sum .middl input,
#newson .newsSon .cont .right .sum .middl .order {
width: 2.32rem;
height: 0.4rem;
background-color: #ffffff;
box-sizing: border-box;
padding-left: 0.08rem;
}
#newson .newsSon .cont .right .sum .middl .order {
background-image: linear-gradient(#f3c65d, #d29708), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #eeeeee 100%);
background-blend-mode: normal, normal;
color: #fff;
text-align: center;
line-height: 0.4rem;
margin-top: 0.1rem;
border: 0.01rem solid #fff;
}
#newson .newsSon .cont .right .sum .middl .order:hover {
background-image: linear-gradient(#fff, #fff), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #eeeeee 100%);
border: 0.01rem solid #ce930b;
color: #ce930b;
transition: 0.5s;
}
#newson .newsSon .cont .right .sum .middl select,
#newson .newsSon .cont .right .sum .middl input {
margin-bottom: 0.1rem;
}
#newson .newsSon .cont .right .sum .middl .size13 {
margin-top: 0.1rem;
text-align: center;
color: #979797;
}
#newson .newsSon .cont .right .hot {
width: 3rem;
box-sizing: border-box;
padding-bottom: 0.1rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.3);
margin-top: 0.3rem;
}
#newson .newsSon .cont .right .hot .middl {
width: 2.32rem;
margin: 0 auto;
}
#newson .newsSon .cont .right .hot .middl .recommend {
height: 0.65rem;
width: 100%;
line-height: 0.75rem;
color: #d29708;
border-bottom: 0.01rem solid #dcdcdc;
}
#newson .newsSon .cont .right .hot .middl ul li {
height: 0.94rem;
border-bottom: 0.01rem solid #dcdcdc;
}
#newson .newsSon .cont .right .hot .middl ul li a {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
#newson .newsSon .cont .right .hot .middl ul li .articles {
width: 1.5rem;
height: 0.75rem;
color: #323232;
}
#newson .newsSon .cont .right .hot .middl ul li .articles div:nth-child(2) {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
#newson .newsSon .cont .right .hot .middl ul li .articles .size13 img {
width: 0.16rem;
height: 0.1rem;
margin-left: 0.12rem;
margin-top: 0.02rem;
}
#newson .newsSon .cont .right .hot .middl ul li .articles .headline {
width: 1.5rem;
height: 0.58rem;
}
#newson .newsSon .cont .right .hot .middl ul li .articles .headline:hover {
color: #d29708;
}
#village .village-img {
width: 100%;
height: 6.5rem;
}
#village .village-img img {
width: 100%;
height: 100%;
}
#village .village-des {
width: 100%;
}
#village .village-des .center .village-name {
border-bottom: 0.01rem solid #bfbfbf;
}
#village .village-des .center .village-name .size38 {
height: 0.73rem;
line-height: 0.9rem;
}
#village .village-des .center .village-name .size17 {
line-height: 0.29rem;
}
#village .village-des .center .village-name .size21 {
margin-top: 0.28rem;
height: 0.44rem;
}
#village .village-des .center .village-name .size21 span:nth-child(2) {
padding-left: 0.1rem;
}
#village .village-cend {
width: 12rem;
margin: 0.1rem auto;
}
#village .village-cend .order {
width: 3.4rem;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 0.18rem;
}
#village .village-cend .order div {
width: 1.6rem;
height: 0.42rem;
background-image: linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%), linear-gradient(#d29708, #d29708);
background-blend-mode: normal, normal;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
#village .vill_case {
width: 13rem;
margin: auto;
cursor: pointer;
display: flex;
flex-wrap: wrap;
}
#village .vill_case li {
width: 3.7rem;
height: 3.15rem;
background-color: #ffffff;
box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.15);
margin: 0.225rem 0;
margin-left: 0.46rem;
}
#village .vill_case li .picture {
width: 100%;
height: 2.5rem;
}
#village .vill_case li p {
text-align: center;
}
#village .vill_case li p span {
margin: 0 3px;
}
#village .vill_case li:hover {
transform: translateY(10px);
transition: 0.5s;
background-color: #d29708;
}
#village .vill_case li:hover p {
color: #fff;
}
#village .vill_case li:hover span {
color: #fff;
}
#village .vill_end_case {
width: 100%;
float: left;
margin: 0.3rem auto;
}
#village .vill_end_case .vill_case_more {
cursor: pointer;
width: 3rem;
height: 0.54rem;
border: solid 1px #d29708;
line-height: 0.54rem;
text-align: center;
color: #d29708;
margin: auto;
}
#detailsCase {
width: 100%;
background-color: #eeeeee;
}
#detailsCase .center .title {
height: 1.75rem;
text-align: center;
border-bottom: 0.01rem solid #646464;
}
#detailsCase .center .title .size46 {
height: 1.25rem;
line-height: 2rem;
color: #323232;
}
#detailsCase .center .title .size17 {
height: 0.47rem;
line-height: 0.54rem;
color: #646464;
}
#detailsCase .center .title .size17 .issue {
padding-right: 0.3rem;
}
#detailsCase .center .content {
width: 100%;
height: 100%;
margin: 0.4rem auto 0;
background-color: #fff;
}
#detailsCase .center .content .middl {
width: 10.6rem;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0.8rem 0;
}
#detailsCase .center .content .left-flow {
position: relative;
}
#detailsCase .center .content .left-flow .line {
height: 100%;
width: 0.02rem;
background-color: #d2d2d2;
position: absolute;
left: 0.08rem;
}
#detailsCase .center .content .left-flow .des-til {
position: absolute;
width: 1.2rem;
}
#detailsCase .center .content .left-flow .des-til li {
height: 0.72rem;
display: flex;
flex-direction: row;
align-items: center;
}
#detailsCase .center .content .left-flow .des-til li .icon2 {
width: 0.16rem;
height: 0.16rem;
margin-left: -3px;
background: #7D7D7D;
border-radius: 50%;
}
#detailsCase .center .content .left-flow .des-til li em {
font-style: normal;
padding-left: 0.1rem;
}
#detailsCase .center .content .left-flow .des-til li.cur i {
background: #EB5B25;
}
#detailsCase .center .content .top ul {
left: 0.04rem;
top: 0.1rem;
}
#detailsCase .center .content .middl .fixed ul {
position: fixed;
margin-left: 3px;
top: 0.6rem;
}
#detailsCase .center .content .middl .bottom ul {
left: 0.04rem;
bottom: 1rem;
}
#detailsCase .center .content .right-cont {
width: 8.9rem;
}
#detailsCase .center .content .right-cont .kind {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#detailsCase .center .content .right-cont .kind .home {
width: 1.5rem;
height: 0.5rem;
color: #fff;
line-height: 0.5rem;
text-align: center;
background-color: #000;
}
#detailsCase .center .content .right-cont .kind .yellow {
width: 7.4rem;
height: 0.5rem;
background-image: linear-gradient(#E85B25, #E85B25);
}
#detailsCase .center .content .right-cont .character {
width: 100%;
color: #646464;
padding: 0.29rem 0;
}
#detailsCase .center .content .right-cont .img {
display: flex;
flex-direction: column;
}
#detailsCase .center .content .right-cont .img div {
margin-top: 0.3rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#detailsCase .center .content .right-cont .house-msg {
width: 8.9rem;
height: 1.3rem;
background-color: #eeeeee;
display: flex;
align-items: center;
}
#detailsCase .center .content .right-cont .house-msg .middle {
width: 8.46rem;
height: 0.49rem;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#detailsCase .center .content .right-cont .house-msg .middle .pad {
padding: 0 0.38rem;
}
#detailsCase .center .content .right-cont .house-msg .middle .line {
border-left: 0.01rem solid #bfbfbf;
color: #5a5a5a;
}
#detailsCase .center .content .right-cont .house-msg .middle .one {
width: 2.3rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#detailsCase .center .content .right-cont .house-msg .middle .two {
width: 2.1rem;
}
#detailsCase .center .content .right-cont .house-msg .middle .three {
width: 2.1rem;
}
#detailsCase .center .content .right-cont .house-msg .middle .three .caseAddress {
width: 1.32rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#detailsCase .center .content .right-cont .house-msg .middle .four {
width: 2.57rem;
}
#detailsCase .center .content .right-cont>div:not(:first-child) {
width: 100%;
margin-top: 0.4rem;
}
#detailsCase .center .content .right-cont>div:not(:first-child) img {
width: 100%;
}
#detailsCase .center .tail {
width: 100%;
height: 1.9rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#detailsCase .center .tail .toprevious {
box-sizing: border-box;
width: 5.8rem;
height: 0.9rem;
background-color: #ffffff;
padding-left: 0.3rem;
}
#detailsCase .center .tail .toprevious a {
display: flex;
flex-direction: row;
align-items: center;
}
#detailsCase .center .tail .toprevious span {
color: #323232;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#detailsCase .center .tail .toprevious .pad {
display: block;
width: 0.65rem;
padding-left: 0.1rem;
}
#detailsCase .center .tail .toprevious:hover {
transform: translateY(10px);
transition: 0.5s;
}
#detailsCase .center .tail .toprevious:hover span {
color: #d29708;
}
#detailsCase .center .tail .tonext {
box-sizing: border-box;
width: 5.8rem;
height: 0.9rem;
background-color: #ffffff;
padding-left: 0.3rem;
}
#detailsCase .center .tail .tonext a {
display: flex;
flex-direction: row;
align-items: center;
}
#detailsCase .center .tail .tonext span {
color: #323232;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#detailsCase .center .tail .tonext .pad {
display: block;
width: 0.65rem;
padding-left: 0.1rem;
}
#detailsCase .center .tail .tonext:hover {
transform: translateY(10px);
transition: 0.5s;
}
#detailsCase .center .tail .tonext:hover span {
color: #d29708;
}
#detailsCase .floor-high {
top: 0.5rem;
}
#detailsCase .drawing-high {
top: 0.5rem;
}
#stylist .brief-introduction {
width: 100%;
height: 4.8rem;
background-image: url('../images/index/42.jpg');
background-color: #ffffff;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.3);
}
#stylist .brief-introduction .center {
height: 3.66rem;
padding-top: 0.7rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#stylist .brief-introduction .center .head-portrait {
width: 2.6rem;
height: 3.66rem;
background-color: #c8c8c8;
background-size: cover;
}
#stylist .brief-introduction .center .resume {
width: 9.1rem;
height: 3.66rem;
}
#stylist .brief-introduction .center .resume .person {
width: 9.1rem;
height: 2.11rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#stylist .brief-introduction .center .resume .person .name {
width: 7.14rem;
display: flex;
flex-direction: column;
}
#stylist .brief-introduction .center .resume .person .name span:nth-child(1) {
margin-top: -0.165rem;
}
#stylist .brief-introduction .center .resume .person .name span:nth-child(2) {
margin-top: -0.14rem;
}
#stylist .brief-introduction .center .resume .person .name .status {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 3.55rem;
height: 0.36rem;
}
#stylist .brief-introduction .center .resume .person .name .status .size17 {
box-sizing: border-box;
height: 0.36rem;
border-radius: 0.05rem;
border: solid 1px #d29708;
color: #ce930b;
text-align: center;
line-height: 0.36rem;
}
#stylist .brief-introduction .center .resume .person .name .status .grade {
width: 1.1rem;
}
#stylist .brief-introduction .center .resume .person .name .status .size17:hover {
background-color: #ce930b;
border: solid 1px #d29708;
color: #fff;
transition: 0.5s;
}
#stylist .brief-introduction .center .resume .person .name .status .years {
padding: 0 0.05rem;
}
#stylist .brief-introduction .center .resume .person .name .status .popularity {
width: 1.2rem;
}
#stylist .brief-introduction .center .resume .person .name .motto {
height: 0.7rem;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 0.83rem;
letter-spacing: 1px;
color: #323232;
}
#stylist .brief-introduction .center .resume .person .review {
width: 1.96rem;
height: 0.7rem;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 1.2rem;
}
#stylist .brief-introduction .center .resume .person .review div {
width: 0.9rem;
height: 0.7rem;
background-color: #d29708;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#stylist .brief-introduction .center .resume .works-show {
width: 100%;
height: 1.53rem;
border-top: 0.01rem solid #c8c8c8;
border-bottom: 0.01rem solid #c8c8c8;
display: flex;
flex-direction: column;
justify-content: start;
padding: 0.2rem 0;
box-sizing: border-box;
}
#stylist .brief-introduction .center .resume .works-show .size17 {
display: flex;
flex-direction: row;
align-items: center;
}
#stylist .brief-introduction .center .resume .works-show .size17 img {
padding-right: 0.09rem;
}
#stylist .brief-introduction .center .resume .works-show .size17 .des {
padding-left: 0.2rem;
}
#stylist .brief-introduction .center .resume .works-show .representative {
height: 0.5rem;
}
#stylist .brief-introduction .center .resume .works-show .self-introduction div {
display: flex;
align-items: flex-start;
flex-direction: column;
}
#stylist .individual-works {
width: 100%;
background-color: #fff;
}
#stylist .individual-works .title {
text-align: center;
display: flex;
flex-direction: column;
height: 1.9rem;
}
#stylist .individual-works .title .size54 {
line-height: 1.6rem;
height: 1.2rem;
}
#stylist .individual-works .title .size25 {
color: #ce930b;
font-weight: 300;
line-height: 0.3rem;
}
#stylist .individual-works .show {
height: 100%;
}
#stylist .individual-works .show ul {
display: flex;
flex-wrap: wrap;
align-content: space-between;
width: 12rem;
height: 7rem;
}
#stylist .individual-works .show ul li:nth-child(3n+2){
margin-left: 0.16rem;
margin-right: 0.16rem;
}
#stylist .individual-works .show ul li {
width: 3.89rem;
height: 3.4rem;
background-color: #ee9e3d;
position: relative;
overflow: hidden;
border-radius: 0.08rem;
}
#stylist .individual-works .show ul li a .des {
position: absolute;
top: 2.72rem;
width: 3.89rem;
background-color: rgba(0, 0, 0, 0.9);
display: flex;
flex-direction: row;
justify-content: space-between;
box-sizing: border-box;
padding-left: 0.19rem;
padding-right: 0.12rem;
height: 0.68rem;
overflow: hidden;
}
#stylist .individual-works .show ul li a .des .village-name {
color: #fff;
width: 3rem;
box-sizing: border-box;
padding-top: 0.05rem;
}
#stylist .individual-works .show ul li a .des .village-name div {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#stylist .individual-works .show ul li a .des .tocase {
width: 1.2rem;
height: 0.68rem;
line-height: 0.8rem;
}
#stylist .individual-works .show ul li a .des .tocase img {
width: auto;
height: 0.15rem;
}
#stylist .individual-works .show ul li a .des .tocase img:nth-child(2) {
margin: 0 0.02rem 0 0.14rem;
}
#stylist .individual-works .show ul li a .des .tocase span {
color: #d19600;
}
#stylist .individual-works .show ul li a .case-pic {
transform: scale(1);
}
#stylist .individual-works .show ul li .grid {
position: relative;
clear: both;
}
#stylist .individual-works .show ul li .grid .figure {
position: relative;
overflow: hidden;
background: #fff;
}
#stylist .individual-works .show ul li .grid .figure img {
position: relative;
display: block;
opacity: 0.8;
}
#stylist .individual-works .show ul li .grid .figure .figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2em;
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#stylist .individual-works .show ul li .grid .figure .figcaption::before {
pointer-events: none;
}
#stylist .individual-works .show ul li .grid .figure .figcaption::after {
pointer-events: none;
}
#stylist .individual-works .show ul li .grid .effect-apollo {
background: #fff;
}
#stylist .individual-works .show ul li .grid .effect-apollo img {
opacity: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
}
#stylist .individual-works .show ul li .grid .effect-apollo .figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
#stylist .individual-works .show ul li .grid .effect-apollo:hover img {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
#stylist .individual-works .show ul li .grid .effect-apollo:hover .figcaption::before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
#stylist .individual-works .show ul li:hover {
box-shadow: 0 0 0.15rem 0px rgba(0, 0, 0, 0.6);
transition: 0.5s;
}
#stylist .individual-works .show ul li:hover .case-pic {
transform: scale(1.15);
transition: 0.5s;
}
#stylist .individual-works .ajax_return {
text-align: center;
color: #d29708;
}
#stylist .individual-works .tomore {
margin: 0 auto;
width: 3rem;
height: 0.54rem;
border: solid 1px #d29708;
color: #d29708;
text-align: center;
line-height: 0.54rem;
margin-bottom: 0.6rem;
}
#stylist .individual-works .tomore:hover {
border: solid 1px #d29708;
background-color: #d29708;
color: #fff;
transition: 0.5s;
}
#stylist .evaluate {
width: 100%;
height: 7.22rem;
background-color: #eeeeee;
}
#stylist .evaluate .middle {
width: 13.32rem;
margin: 0 auto;
}
#stylist .evaluate .middle .title {
text-align: center;
display: flex;
flex-direction: column;
height: 1.66rem;
}
#stylist .evaluate .middle .title .size54 {
line-height: 1.6rem;
height: 1.15rem;
}
#stylist .evaluate .middle .title .size25 {
color: #ce930b;
}
#stylist .evaluate .middle .appraise {
height: 5rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#stylist .evaluate .middle .appraise .user {
width: 12rem;
height: 5rem;
overflow: hidden;
}
#stylist .evaluate .middle .appraise .user ul {
width: 12rem;
height: 5rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
}
#stylist .evaluate .middle .appraise .user ul li {
width: 5.8rem;
height: 2.3rem;
background-color: #ffffff;
box-sizing: border-box;
padding: 0.35rem 0.35rem 0 0.35rem;
}
#stylist .evaluate .middle .appraise .user ul li .head {
display: flex;
flex-direction: row;
width: 3.3rem;
justify-content: space-between;
}
#stylist .evaluate .middle .appraise .user ul li .head .user-msg {
width: 2.3rem;
display: flex;
flex-direction: column;
}
#stylist .evaluate .middle .appraise .user ul li .head .user-msg .name {
color: #323232;
}
#stylist .evaluate .middle .appraise .user ul li .head .user-msg .time {
color: #646464;
}
#stylist .evaluate .middle .appraise .user ul li .head .user-msg .serve {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
color: #646464;
}
#stylist .evaluate .middle .appraise .user ul li .head .user-msg .serve img {
width: 0.2rem;
height: 0.16rem;
}
#stylist .evaluate .middle .appraise .user ul li .substance {
margin-top: 0.12rem;
color: #969696;
width: 100%;
height: 1.02rem;
overflow: hidden;
}
#stylist .recommend {
width: 100%;
height: 5.64rem;
background-color: #fff;
}
#stylist .recommend .middle {
width: 13.32rem;
margin: 0 auto;
}
#stylist .recommend .middle .title {
text-align: center;
display: flex;
flex-direction: column;
height: 1.54rem;
}
#stylist .recommend .middle .title .size38 {
line-height: 1.5rem;
height: 1.02rem;
}
#stylist .recommend .middle .title .size21 {
color: #ce930b;
}
#stylist .recommend .middle .pictuer {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 12rem;
margin-top: 0.15rem;
}
#stylist .recommend .middle .pictuer .ul1 {
padding: 0;
width: 12rem;
overflow: hidden;
height: 3.45rem;
}
#stylist .recommend .middle .pictuer .ul1 li {
float: left;
width: 2.01rem;
height: 3.45rem;
margin: 0 0.2rem;
overflow: hidden;
}
#stylist .recommend .middle .pictuer .ul1 li .stylist {
width: 2.01rem;
height: 3.45rem;
background-color: #ebeecc;
}
#stylist .recommend .middle .pictuer .ul1 li .describe {
width: 2.01rem;
height: 3.45rem;
display: flex;
position: relative;
}
#stylist .recommend .middle .pictuer .ul1 li .describe .front,
#stylist .recommend .middle .pictuer .ul1 li .describe .back {
display: flex;
border-radius: 6px;
background-position: center;
background-size: cover;
text-align: center;
justify-content: center;
align-items: center;
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: ease-in-out 1000ms;
}
#stylist .recommend .middle .pictuer .ul1 li .describe .front {
overflow: hidden;
}
#stylist .recommend .middle .pictuer .ul1 li .describe .front:before {
position: absolute;
display: block;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.25;
z-index: -1;
}
#stylist .recommend .middle .pictuer .ul1 li .describe .back {
transform: rotateY(-180deg);
padding: 0 2em;
display: flex;
flex-direction: column;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.7);
}
#stylist .recommend .middle .pictuer .ul1 li .describe .back .button {
transform: translateZ(0.4rem);
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-weight: bold;
color: #000;
padding: 0.5em 1em;
border-radius: 1rem;
font: inherit;
background: linear-gradient(135deg, #fcc437, #d19600);
border: none;
position: relative;
transform-style: preserve-3d;
transition: 300ms ease;
}
#stylist .recommend .middle .pictuer .ul1 li .describe .back .button:before {
transition: 300ms ease;
position: absolute;
display: block;
content: '';
transform: translateZ(-40px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: calc(100% - 20px);
width: calc(100% - 20px);
border-radius: 100px;
left: 0.1rem;
top: 16px;
box-shadow: 0 0 0.1rem 0.1rem rgba(231, 217, 15, 0.25);
background-color: rgba(231, 217, 15, 0.25);
}
#stylist .recommend .middle .pictuer .ul1 li .describe .back .button:hover {
transform: translateZ(55px);
}
#stylist .recommend .middle .pictuer .ul1 li .describe .back .button:hover:before {
transform: translateZ(-55px);
}
#stylist .recommend .middle .pictuer .ul1 li .describe .back .button:active {
transform: translateZ(20px);
}
#stylist .recommend .middle .pictuer .ul1 li .describe .back .button:active:before {
transform: translateZ(-20px);
top: 12px;
}
#stylist .recommend .middle .pictuer .ul1 li .describe span {
color: #fcc437;
}
#stylist .recommend .middle .pictuer .ul1 li .describe .sp1 {
line-height: 0.3rem;
}
#stylist .recommend .middle .pictuer .ul1 li .describe .sp2 {
margin-top: 0.03rem;
}
#stylist .recommend .middle .pictuer .ul1 li .describe .sp3 {
line-height: 0.35rem;
}
#stylist .recommend .middle .pictuer .ul1 li .describe .deg-case {
line-height: 0.2rem;
margin-top: -0.07rem;
}
#stylist .recommend .middle .pictuer .ul1 li .describe .name {
line-height: 0.35rem;
}
#stylist .recommend .middle .pictuer .ul1 li .describe button {
margin-top: 0.43rem;
width: 1rem;
height: 0.34rem;
line-height: 0.24rem;
border: solid 0.01rem #d19600;
color: #fcc437;
opacity: 1;
background-color: rgba(0, 0, 0, 0.3);
font-size: 0.13rem;
}
#stylist .recommend .middle .pictuer .ul1 li .describe:hover .front {
transform: rotateY(180deg);
}
#stylist .recommend .middle .pictuer .ul1 li .describe:nth-child(even):hover .front {
transform: rotateY(-180deg);
}
#stylist .recommend .middle .pictuer .ul1 li .describe:hover .back {
transform: rotateY(0deg);
}
#stylist .recommend .middle .pictuer .ul1 li .describe:nth-child(even) .back {
transform: rotateY(180deg);
}
#stylist .recommend .middle .pictuer .ul1 li .describe:nth-child(even):hover .back {
transform: rotateY(0deg);
}
#stylist .recommend .middle .pictuer .ul1 li:hover .describe {
opacity: 1;
}
#stylist #subscribe {
position: fixed;
top: 0px;
filter: alpha(opacity=60);
z-index: 1000;
left: 0px;
background-color: rgba(0, 0, 0, 0.6);
}
#stylist #subscribe .frame {
width: 8.01rem;
height: 5.5rem;
background-color: #ffffff;
left: 5.6rem;
background-image: url('../images/stylist/12.png');
position: relative;
top: 1rem;
z-index: 1002;
}
#stylist #subscribe .frame .title {
color: #fff;
text-align: center;
line-height: 0.9rem;
}
#stylist #subscribe .frame .title .close-subscribe {
width: 0.32rem;
height: 0.32rem;
position: absolute;
top: 0.15rem;
right: 0.2rem;
}
#stylist #subscribe .frame .cont {
width: 6.2rem;
height: 3.9rem;
background-color: #ffffff;
margin: 0 auto;
padding-top: 0.37rem;
}
#stylist #subscribe .frame .cont form {
width: 5.22rem;
height: 3.16rem;
margin: 0 auto;
}
#stylist #subscribe .frame .cont form .mesg-top {
width: 5.22rem;
height: 1.7rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#stylist #subscribe .frame .cont form .mesg-top .person-meg {
width: 2.51rem;
height: 0.81rem;
display: flex;
flex-direction: column;
}
#stylist #subscribe .frame .cont form .mesg-top .person-meg .size17 {
height: 0.36rem;
line-height: 0.4rem;
color: #646464;
}
#stylist #subscribe .frame .cont form .mesg-top .person-meg input,
#stylist #subscribe .frame .cont form .mesg-top .person-meg select {
width: 2.51rem;
height: 0.45rem;
background-color: #ffffff;
border: solid 1px #c9c9c9;
font-size: 0.17rem;
box-sizing: border-box;
padding-left: 0.1rem;
}
#stylist #subscribe .frame .cont form .house-type {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#stylist #subscribe .frame .cont form .house-type .size17 {
height: 0.36rem;
line-height: 0.4rem;
color: #646464;
}
#stylist #subscribe .frame .cont form .house-type div {
display: flex;
flex-direction: row;
justify-content: space-between;
}
#stylist #subscribe .frame .cont form .house-type div select {
width: 1.61rem;
height: 0.45rem;
box-sizing: border-box;
background-color: #ffffff;
border: solid 1px #c9c9c9;
font-size: 0.17rem;
}
#stylist #subscribe .frame .cont form .send-to {
margin: 0 auto;
width: 2.51rem;
height: 0.9rem;
}
#stylist #subscribe .frame .cont form .send-to .tophone {
width: 2.51rem;
height: 0.4rem;
text-align: center;
background-color: #d29708;
line-height: 0.4rem;
margin-top: 0.22rem;
color: #fff;
}
#stylist #subscribe .frame .cont form .send-to .size13 {
line-height: 0.33rem;
color: #979797;
}
#stylist #leave-word {
position: fixed;
top: 0px;
filter: alpha(opacity=60);
z-index: 1000;
left: 0px;
background-color: rgba(0, 0, 0, 0.6);
}
#stylist #leave-word .frame {
width: 8.01rem;
height: 5.5rem;
background-color: #ffffff;
background-image: url('../images/stylist/13.png');
left: 5.6rem;
position: relative;
top: 1rem;
z-index: 1002;
}
#stylist #leave-word .frame .title {
color: #fff;
text-align: center;
line-height: 0.9rem;
}
#stylist #leave-word .frame .title .close-leave-word {
width: 0.32rem;
height: 0.32rem;
position: absolute;
top: 0.15rem;
right: 0.2rem;
}
#stylist #leave-word .frame .cont {
width: 6.2rem;
height: 3.9rem;
background-color: #ffffff;
margin: 0 auto;
padding-top: 0.37rem;
}
#stylist #leave-word .frame .cont form {
width: 5.22rem;
height: 3.16rem;
margin: 0 auto;
}
#stylist #leave-word .frame .cont form .meg {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#stylist #leave-word .frame .cont form .meg .right {
width: 4.2rem;
display: flex;
flex-direction: row;
align-items: center;
height: 0.41rem;
}
#stylist #leave-word .frame .cont form .meg .right .heart {
margin: 0;
padding: 0;
width: 1.2rem;
height: 0.16rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#stylist #leave-word .frame .cont form .meg .right .heart li img {
width: 0.2rem;
height: 0.16rem;
}
#stylist #leave-word .frame .cont form .meg .right .satisfaction {
padding-left: 0.1rem;
}
#stylist #leave-word .frame .cont form .start,
#stylist #leave-word .frame .cont form .yourname {
height: 0.5rem;
}
#stylist #leave-word .frame .cont form .yourcriticism {
height: 1.3rem;
}
#stylist #leave-word .frame .cont form textarea {
box-sizing: border-box;
height: 1.3rem !important;
resize: none;
}
#stylist #leave-word .frame .cont form input {
padding-left: 0.1rem;
box-sizing: border-box;
}
#stylist #leave-word .frame .cont form .send-to {
margin: 0 auto;
width: 2.51rem;
height: 0.9rem;
}
#stylist #leave-word .frame .cont form .send-to .tophone {
width: 2.51rem;
height: 0.4rem;
text-align: center;
background-color: #d29708;
line-height: 0.4rem;
margin-top: 0.22rem;
color: #fff;
}
#stylist #leave-word .frame .cont form .send-to .size13 {
line-height: 0.33rem;
color: #979797;
}
#article {
background-color: #eeeeee;
}
#article .article {
width: 12rem;
margin: 0 auto;
padding: 0.6rem 0;
}
#article .article .cont {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 0.33rem;
}
#article .article .cont .bd {
width: 8.8rem;
}
#article .article .cont .bd .padding {
box-sizing: border-box;
width: 8.8rem;
background-color: #fff;
padding: 0 0.4rem 0.2rem;
}
#article .article .cont .bd .padding .h1 {
height: 1.25rem;
border-bottom: 0.01rem solid #969696;
}
#article .article .cont .bd .padding .h1 .size33 {
text-align: center;
padding-top: 0.35rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#article .article .cont .bd .padding .h1 .time {
width: 3.88rem;
margin: 0.08rem auto;
display: flex;
align-items: center;
color: #969696;
}
#article .article .cont .bd .padding .h1 .time .t2r {
padding-right: 0.17rem;
}
#article .article .cont .bd .padding .text img {
width: 100%;
}
#article .article .cont .bd .tail {
width: 100%;
height: 1.9rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#article .article .cont .bd .tail>div:hover {
transform: translateY(-0.1rem);
transition: 0.5s;
}
#article .article .cont .bd .tail .toprevious {
width: 4.3rem;
height: 0.9rem;
background-color: #ffffff;
box-sizing: border-box;
padding-left: 0.3rem;
}
#article .article .cont .bd .tail .toprevious a {
display: flex;
flex-direction: row;
align-items: center;
}
#article .article .cont .bd .tail .toprevious span {
color: #323232;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#article .article .cont .bd .tail .toprevious .pad {
display: block;
width: 0.7rem;
padding-left: 0.1rem;
color: #323232;
}
#article .article .cont .bd .tail .toprevious:hover span {
color: #d29708;
}
#article .article .cont .bd .tail .tonext {
width: 4.3rem;
height: 0.9rem;
background-color: #ffffff;
box-sizing: border-box;
padding-left: 0.3rem;
}
#article .article .cont .bd .tail .tonext a {
display: flex;
flex-direction: row;
align-items: center;
}
#article .article .cont .bd .tail .tonext span {
color: #323232;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#article .article .cont .bd .tail .tonext .pad {
color: #323232;
display: block;
width: 0.75rem;
padding-left: 0.1rem;
}
#article .article .cont .bd .tail .tonext:hover span {
color: #d29708;
}
#article .article .cont .right {
width: 3rem;
}
#article .article .cont .right .sum {
width: 3rem;
height: 4.06rem;
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
#article .article .cont .right .sum .middl {
width: 2.32rem;
margin: 0 auto;
}
#article .article .cont .right .sum .middl .size21 {
height: 0.76rem;
line-height: 0.9rem;
color: #d29708;
}
#article .article .cont .right .sum .middl select,
#article .article .cont .right .sum .middl input,
#article .article .cont .right .sum .middl .order {
width: 2.32rem;
height: 0.4rem;
background-color: #ffffff;
box-sizing: border-box;
padding-left: 0.08rem;
}
#article .article .cont .right .sum .middl .order {
background-image: linear-gradient(#f3c65d, #d29708), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #eeeeee 100%);
background-blend-mode: normal, normal;
color: #fff;
text-align: center;
line-height: 0.4rem;
border: 0.01rem solid #fff;
}
#article .article .cont .right .sum .middl .order:hover {
background-image: linear-gradient(#fff, #fff), linear-gradient(170deg, rgba(255, 255, 255, 0.2) 0%, #eeeeee 100%);
color: #d29708;
border: 0.01rem solid #d29708;
transition: 0.5s;
}
#article .article .cont .right .sum .middl select,
#article .article .cont .right .sum .middl input {
border: solid 0.01rem #c9c9c9;
margin-bottom: 0.1rem;
color: #888888;
}
#article .article .cont .right .sum .middl .size13 {
margin-top: 0.1rem;
text-align: center;
color: #979797;
}
#article .article .cont .right .hot {
width: 3rem;
box-sizing: border-box;
padding-bottom: 0.1rem;
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
margin-top: 0.3rem;
}
#article .article .cont .right .hot .middl {
width: 2.32rem;
margin: 0 auto;
}
#article .article .cont .right .hot .middl .recommend {
height: 0.65rem;
width: 100%;
line-height: 0.75rem;
color: #d29708;
border-bottom: 0.01rem solid #dcdcdc;
}
#article .article .cont .right .hot .middl ul li {
height: 0.94rem;
border-bottom: 0.01rem solid #dcdcdc;
}
#article .article .cont .right .hot .middl ul li a {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
color: #000;
}
#article .article .cont .right .hot .middl ul li .articles {
width: 1.5rem;
height: 0.75rem;
}
#article .article .cont .right .hot .middl ul li .articles .size13 img {
width: 0.16rem;
height: 0.1rem;
}
#article .article .cont .right .hot .middl ul li .articles .headline {
width: 1.5rem;
height: 0.35rem;
margin-bottom: 0.22rem;
}
#article .article .cont .right .hot .middl ul li .articles:hover .headline {
color: #d29708;
}
#designer-list .banner {
height: 5.6rem;
width: 100%;
}
#designer-list .list ul {
background-color: #f7f7f7;
}
#designer-list .list ul .screen {
width: 100%;
height: 1.4rem;
border-bottom: 0.01rem solid #929292;
}
#designer-list .list ul .screen .center {
height: 100%;
padding-top: 0.25rem;
}
#designer-list .list ul .screen .center .classify {
height: 0.45rem;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
#designer-list .list ul .screen .center .classify span {
padding: 0 0.26rem;
letter-spacing: 0.01rem;
height: 0.34rem;
line-height: 0.34rem;
}
#designer-list .list ul .screen .center .classify .check-area {
display: flex;
flex-direction: row;
}
#designer-list .list ul .screen .center .classify .check-area span a {
color: #000;
}
#designer-list .list ul .screen .center .classify .check-area .on a {
color: #ce930b;
}
#designer-list .list ul .screen .center .classifys {
height: 1rem;
width: 100%;
border-bottom: 0.02rem solid #bfbfbf;
display: flex;
flex-direction: row;
justify-content: space-between;
box-sizing: border-box;
padding-top: 0.1rem;
}
#designer-list .list ul .screen .center .classifys span {
padding: 0 0.26rem;
letter-spacing: 0.01rem;
height: 0.34rem;
line-height: 0.34rem;
}
#designer-list .list ul .screen .center .classifys .check-area {
display: flex;
flex-wrap: wrap;
width: 92%;
}
#designer-list .list ul .screen .center .classifys .check-area span a {
color: #323232;
}
#designer-list .list ul .screen .center .classifys .check-area .on {
background-color: #d29708;
}
#designer-list .list ul .screen .center .classifys .check-area .on a {
color: #fff;
}
#designer-list .list ul .sort {
width: 100%;
height: 0.77rem;
display: flex;
align-items: center;
}
#designer-list .list ul .sort .center {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#designer-list .list ul .sort .center .lef {
width: 2.86rem;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#designer-list .list ul .sort .center .lef .line {
width: 0.01rem;
height: 0.25rem;
background-color: #000000;
}
#designer-list .list ul .sort .center .lef span {
width: 0.9rem;
height: 0.4rem;
text-align: center;
line-height: 0.4rem;
}
#designer-list .list ul .sort .center .lef span a {
color: #000000;
}
#designer-list .list ul .sort .center .lef .on a {
color: #d29708;
}
#designer-list .list ul .sort .center .rig {
width: 3.2rem;
height: 0.4rem;
border: solid 1px #d29708;
display: flex;
flex-direction: row;
}
#designer-list .list ul .sort .center .rig input {
width: 2.8rem;
height: 0.4rem;
box-sizing: border-box;
padding-left: 0.12rem;
border: 0 solid #fff;
color: #979797;
}
#designer-list .list ul .sort .center .rig div {
width: 0.4rem;
height: 0.4rem;
border-left: 0.01rem solid #d29708;
display: flex;
align-items: center;
justify-content: center;
}
#designer-list .list ul .designer {
width: 100%;
}
#designer-list .list ul .designer .center {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#designer-list .list ul .designer .center li {
width: 5.89rem;
height: 3.08rem;
background-color: #ffffff;
margin-bottom: 0.22rem;
padding: 0.19rem 0.18rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#designer-list .list ul .designer .center li .left-img {
width: 1.8rem;
height: 2.7rem;
overflow: hidden;
}
#designer-list .list ul .designer .center li .left-img img {
width: 100%;
height: auto;
}
#designer-list .list ul .designer .center li .right-des {
width: 3.54rem;
height: 100%;
}
#designer-list .list ul .designer .center li .right-des .des {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#designer-list .list ul .designer .center li .right-des .des .name .size15 {
color: #565656;
}
#designer-list .list ul .designer .center li .right-des .des .like {
width: 1rem;
display: flex;
flex-direction: row;
align-items: center;
}
#designer-list .list ul .designer .center li .right-des .des .like .msg-logo {
margin-right: 0.25rem;
}
#designer-list .list ul .designer .center li .right-des .des .like span {
padding-left: 0.07rem;
}
#designer-list .list ul .designer .center li .right-des .title {
margin: 0.3rem 0 0.15rem;
}
#designer-list .list ul .designer .center li .right-des .cases {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#designer-list .list ul .designer .center li .right-des .cases .img {
width: 1.71rem;
height: 1rem;
overflow: hidden;
}
#designer-list .list ul .designer .center li .right-des .cases .img img {
width: 100%;
height: auto;
}
#designer-list .list ul .designer .center li .right-des .line {
width: 100%;
height: 0.01rem;
background-color: #747474;
margin: 0.2rem 0;
}
#designer-list .list ul .designer .center li .right-des .link {
width: 2rem;
height: 0.3rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
#designer-list .list ul .designer .center li .right-des .link div {
line-height: 0.3rem;
}
#designer-list .list ul .designer .center li .right-des .link .order:hover {
transition: 0.5s;
color: #d29708;
}
#designer-list .list ul .designer .center li .right-des .link .look a:hover {
transition: 0.5s;
color: #d29708;
}
#designer-list .list ul .designer .center li .right-des .link a {
color: #000;
display: flex;
align-items: center;
line-height: 0.3rem;
}
#designer-list .list ul .sorter {
width: 100%;
padding-bottom: 0.5rem;
position: relative;
}
.pageFen {
position: relative;
}
#sorter-comparator {
position: absolute;
left: 50%;
top: 18px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: flex;
flex-direction: row;
margin: 0 auto;
}
#sorter-comparator li {
box-sizing: border-box;
padding: 0 0.15rem;
height: 0.42rem;
line-height: 0.42rem;
border: 0.01rem solid #929292;
margin: 0 0.05rem;
cursor: pointer;
}
#sorter-comparator .on {
background-color: #d29708;
color: #fff;
border: 0.01rem solid #d29708;
}