/* 视频 */

#carousel {
position: relative;
height: 800px;
}
#carousel .bg{
position: absolute;
height: 100%;
width: 100%;
background: rgb(2 20 33 / 82%);
z-index: 0;
}
#carousel .content {
position: absolute;
width: 100%;
height: 100%;
}

#carousel .content li {
padding-bottom: 35px;
color: #fff;
}

#carousel .content .text1 {
font-size: 70px;
font-weight: bold;
color: #fff;
letter-spacing: 20px;
text-shadow: 0 0 2px black;
}

#carousel .content .text2 {
font-size: 40px;
font-weight: bold;
color: #fff;
letter-spacing: 5px;
text-shadow: 0 0 2px black;
}

#carousel .content .text3 {
font-size: 36px;
color: #fff;
letter-spacing: 10px;
text-shadow: 0 0 2px black;
}

#carousel .content .but {
width: 360px;
height: 72px;
background: #0086E4;
border-radius: 4px;
border: 0;
color: #fff;
font-size: 24px;
}
#carousel .content .but:hover{
background: #168ce0;
}

.carousel_video {
z-index: -1;
height: 800px;
width: 1920px;
position: relative;
}
.carousel_video video{
height: 100%;
width: 100%;
object-fit: cover;
}
.center_div {
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
}
/* 全屋整装全品类服务 */

#middle_content_img1 {
background-image: url("/sitefiles/library/images/2021/8/7a645ef1cf906f43.png");
}
.middle_content_list1{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
}
.middle_content_list1 li{
    width: 25%;
    padding: 0px 40px 25px 40px;
    text-align: center;
}
.middle_content_list1 li .box{
    height: 130px;
    width: 130px;
    position: relative;
    margin: 0 auto;
}
.middle_content_list1 li .box:hover .float-box{
    opacity: 1;
}
.middle_content_list1 li .box .float-box{
    position: absolute;
    top: 0;
    left: 0;
    height: 130px;
    width: 130px;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgb(78,96,112);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.middle_content_list1 li .box .float-box a{
    padding: 10px;
    background: #ffffff;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
}
.middle_content_list1 li .title{
    font-size: 20px;
}


/* 服务有保障，家居服务更省心 */

#middle_content_img2 {
background-image: url("/sitefiles/library/images/2021/8/786a045249df646c.png");
}

#middle_content_img2 .middle_content_decorate2 {
width: 88px;
height: 8px;
background: #fff;
margin-top: 20px;
margin-bottom: 40px;
}

#middle_content_img2 .middle_content_title2 {
font-size: 36px;
font-weight: bold;
color: #fff;
padding-top: 80px;
}

.middle_content_tag {
width: 1200px;
height: 480px;
margin: 0 auto;
}
/* @media screen and (max-width: 1000px) {
.middle_content_tag {
width: 500px;
height: 280px;
margin: 0 auto;
padding-bottom: 180px;
}
} */

#middle_content_img2 .middle_content_tag .middle_content_tag_list1 {
display: flex;
text-align: center;
}

#middle_content_img2 .middle_content_tag .middle_content_tag_list1 li {
width: 25%;
height: 120px;
background: #FFFFFF;
}
#middle_content_img2 .middle_content_tag .middle_content_tag_list1 li:hover{
    box-shadow: 0px 0px 32px 0px rgba(51, 51, 51, 0.1);
}
#middle_content_img2 .middle_content_tag .middle_content_tag_list1 li img{
margin: 26px 0 10px 0;
}
#middle_content_img2 .middle_content_tag .middle_content_tag_list1 li div span {
font-weight: bold;
color: #333333;
font-size: 24px;
}

.middle_content_tag .middle_content_tag_list2 {
background-image: url("/sitefiles/library/images/2021/8/ebe232170dae7d9b.png");
display: flex;
margin-top: 10px;
}

.middle_content_tag .middle_content_tag_list2 li {
padding: 64px;
height: 270px;
border-right: 1px #e6e6e6 solid;
width: 33.33%;
}
.middle_content_tag .middle_content_tag_list2 li:last-child {
border-right: none;
}

.middle_content_tag .middle_content_tag_list2 .tag_list2_title {
font-weight: bold;
color: #333333;
font-size: 18px;
margin-bottom: 5px;
}

.middle_content_tag .middle_content_tag_list2 .tag_list2_content {
color: #333333;
width: 272px;
font-size: 16px;
line-height: 28px;
}
/* 专业售后服务管理 */

#middle_content_img3 {
background-image: url("/sitefiles/library/images/2021/8/6f2a4620076ef2d3.png");
}

#middle_content_img3 .middle_content_ZYSHFWGL {
display: flex;
padding: 0 64px 124px 64px;
align-items: center;
justify-content: center;
margin: 0;
}

#middle_content_img3 .middle_content_ZYSHFWGL li {
/* height: 354px; */
padding: 0 10px;
}
#middle_content_img3 .middle_content_ZYSHFWGL li:last-child {
margin-right: 0;
}
.ptdb {
background-image: url("/sitefiles/library/images/2021/8/54d39adbe2a0ee83.png");
}

.middle_content_ZYSHFWGL_li_div {
padding: 0 30px;
height: 354px;
display: flex;
box-sizing: border-box;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}

.middle_content_ZYSHFWGL_li_div div {
width: 100%;
}
.middle_content_ZYSHFWGL_li_div .middle_content_ZYSHFWGL_li_img {
margin-bottom: 15px;
}
.ptdb_li_title {
font-weight: bold;
font-size: 24px;
margin-bottom: 5px;
color: #FFFFFF;
}

.ptdb_li_content {
color: #FFFFFF;
line-height: 36px;
font-size: 18px;
display: none;
}

.zygx {
background-image: url("/sitefiles/library/images/2021/8/b637aa5432b6a2df.png");
}

.yccl {
background-image: url("/sitefiles/library/images/2021/8/49f76f83b9a5209f.png");
}

.lctm {
background-image: url("/sitefiles/library/images/2021/8/fa508ba7b3d7cb43.png");
}
/* 数据驱动服务，赋能行业发展 */

#middle_content_img4 {
padding-bottom: 105px;
background-image: url("/sitefiles/library/images/2021/8/4f3d478540cbd006.png");
}

/* 匠工精神 共同选择 */

#middle_content_img5 {
padding-bottom: 20px;
background-image: url("/sitefiles/library/images/2021/8/14d8e7bd72ecd59b.png");
}
.index-banner{
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
padding-left: 0;
padding-right: 0;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-slide {
flex-shrink: 0;
width: 1200px;
height: 100%;
position: relative;
transition-property: transform;
display: flex;
background: #ffffff;
}
.swiper-slide:before{
    content: '“';
    position: absolute;
    font-weight: bold;
    font-size: 90px;
    left: 0;
    font-family: monospace;
    top: 0;
    color: #ececec;
}
.swiper-slide:after{
    content: '”';
    position: absolute;
    font-weight: bold;
    font-size: 90px;
    right: 0;
    font-family: monospace;
    bottom: 0;
    color: #ececec;
}
.swiper-slide .img{
position: relative;
padding-top: 64px;
padding-left: 64px;
}
.swiper-slide .img .circular{
width: 332px;
height: 332px;
background: #EEEEEE;
border: 1px solid #F5F5F5;
border-radius: 50%;
}
.swiper-slide .img img{
z-index: 1;
position: absolute;
bottom: 0;
left: 10px;
}
.swiper-slide .content{
padding: 60px 60px 60px 20px;
}
.swiper-footer{
    display: flex;
    justify-content: center;
    padding: 38px 0;
}
.swiper-footer > .zys-icon{
    width: 57px;
    height: 11px;
    cursor: pointer;
}
.swiper-footer > .zys-icon.prev{
    margin-right: 24px;
    background-position: -686px -121px;
}
.swiper-footer > .zys-icon.prev:hover{
    background-position: -623px -121px;
}
.swiper-footer > .zys-icon.next{
    background-position: -750px -121px;
}
.swiper-footer > .zys-icon.next:hover{
    background-position: -817px -121px;
}
.company-news{
width: 1200px;
margin: 0 auto;
display: flex;
margin-bottom: 80px;
}
.company-news .item{
width:33.33%;
margin-right: 20px;
}
.company-news .item:last-child{
margin-right: 0;
}
.company-news .img{
width: 100%;
height: 218px;
cursor: pointer;
overflow: hidden;
}
.company-news .img img{
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
overflow: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.company-news .img:hover img{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.company-news .title{
font-size: 20px;
font-weight: bold;
margin: 15px 0;
cursor: pointer;
}
.company-news .title:hover{
color: #168ce0;
}
.company-news .text{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
color: #666666;
font-size: 16px;
line-height: 30px;
margin-bottom: 20px;
}
.company-news button{
width: 100px;
height: 40px;
background: #ffffff;
border: 1px solid #CCCCCC;
font-size: 16px;
}
.company-news button:hover{
background: #f1f1f1;
}


/* 家居咨询 */

#middle_content_img6 {
padding-bottom: 100px;
background-image: url("/sitefiles/library/images/2021/8/51cea3be4f4913e1.png");
}
#middle_content_img6 .industry-news > .col-3{
border-top: 1px #eeeeee solid;
border-left: 1px #eeeeee solid;
border-bottom: 1px #eeeeee solid;
background: #fff;
padding: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
#middle_content_img6 .industry-news > .col-3:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.2s;
transition: all 0.2s;
z-index: 1;
}
#middle_content_img6 .industry-news > .col-3:hover .header{
color: #ffffff;
background: url("/sitefiles/library/images/2021/8/49f76f83b9a5209f.png");
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#middle_content_img6 .industry-news > .col-3:last-child{
border-right: 1px #eeeeee solid;
}
#middle_content_img6 .industry-news .header{
height: 146px;
color: #ffffff;
text-align: center;
padding: 30px 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: #F9F9F9;
border-bottom: 1px solid #EEEEEE;
background-size: 100%;
background-position-y: 50%;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#middle_content_img6 .industry-news .header:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.5);
}
#middle_content_img6 .industry-news .header .title{
font-size: 24px;
font-weight: bold;
z-index: 1;
}
#middle_content_img6 .industry-news .content{
padding: 20px 30px;
}
#middle_content_img6 .industry-news .content .text-overflow{
margin-top: 20px;
cursor: pointer;
}
#middle_content_img6 .industry-news .content .text-overflow:hover{
color: #0086E4;
}
#middle_content_img6 .industry-news .col-3:hover .industry-news-first .text-content{

display: -webkit-box;
}
#middle_content_img6 .industry-news a{
    text-decoration: none;
}
#middle_content_img6 .industry-news .industry-news-first .title{
    margin-bottom: 5px;
    margin-top: 0;
}
#middle_content_img6 .industry-news .industry-news-first .text-content{
padding-top: 0;
padding-bottom: 0px;
color: #999999;
line-height: 24px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
border-bottom: 1px #E8E8E8 dashed;
display: none;
}

#middle_content_img7{
background: #f7f7f7;
padding-bottom: 25px;
}
#middle_content_img7 button{
width: 360px;
height: 56px;
background: rgba(255, 255, 255, 0.5);
border: 1px solid #EEEEEE;
border-radius: 4px;
font-size: 18px;
}
#middle_content_img7 button:hover{
background: #f6f6f6;
}
#middle_content_img7 .brand-list{
align-items: center;
}
#middle_content_img7 .brand-list .item{
text-align: center;
margin-bottom: 20px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
#middle_content_img7 .brand-list .item:hover{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;
}