@charset "utf-8";
 /* CSS Document */
 
 html,
 body {
     position: relative;
 }
 
 body {
     margin: 0;
     padding: 0;
 }
 
 .swiper-container-ban {
     width: 100%;
     max-width: 2000px;
     height: 670px;
 }
 
 .swiper-container-ban .mpic {
     max-width: 100%;
     display: none;
 }
 
 .swiper-container-ban .swiper-slide {
     position: relative;
     background-size: cover;
     background-position: center top;
     background-repeat: no-repeat;
 }
 
 .swiper-container-ban .swiper-button-prev,
 .swiper-container-ban .swiper-button-next {
     width: 50px;
     height: 50px;
     border: 1px solid #fff;
     text-align: center;
     line-height: 50px;
     background-image: unset;
 }
 
 .swiper-container-ban .swiper-button-prev i,
 .swiper-container-ban .swiper-button-next i {
     font-size: 30px;
     color: #fff;
 }
 
 @media screen and (max-width:1400px) {
     .swiper-container-ban {
         height: 670px;
     }
 }
 
 @media screen and (max-width:1366px) {
     .swiper-container-ban {
         height: 600px;
     }
 }
 
 @media screen and (max-width:1200px) {
     .swiper-container-ban {
         height: 500px;
     }
 }
 
 @media screen and (max-width:992px) {
     .swiper-container-ban .mpic {
         display: block;
     }
     .swiper-container-ban {
         height: auto;
     }
 }
 
 @media screen and (max-width:460px) {
     .swiper-button-next,
     .swiper-button-prev {
         display: none;
     }
 }
 /*banner按钮*/
 
 .swiper-paginationban {
     bottom: 30px;
     left: 0;
     width: 100%;
     position: absolute;
     z-index: 10;
     text-align: center;
 }
 
 .swiper-paginationban span.swiper-pagination-bullet {
     width: 12px;
     height: 12px;
     border-radius: 50px;
     background: rgba(255, 255, 255, .7);
     display: inline-block;
 }
 
 .swiper-paginationban span.swiper-pagination-bullet-active {
     background: rgba(255, 255, 255, 1);
 }
 /*公寓家具*/
 
 .indexgongyu {
     padding: 120px 0 70px 0;
 }
 
 @media screen and (max-width: 1000px) {
     .indexgongyu {
         padding: 60px 0 0 0;
     }
 }
 
 .protitle .title02 font {
     font-size: 111px;
     font-weight: bold;
     color: #f7f7f7;
     text-transform: uppercase;
     letter-spacing: -3px;
     position: absolute;
     top: 0;
     width: 100%;
     text-align: center;
     left: 0;
     z-index: -1;
     line-height: 70px;
 }
 
 .protitle {
     text-align: center;
 }
 
 .protitle .title02 {
     font-size: 40px;
     position: relative;
     font-weight: 700;
     padding-bottom: 0px;
     padding-top: 0px;
 }
 
 .protitle span {
     font-size: 16px;
     color: #666;
 }
 
 .gallery-top-cp {
     /*    height: 420px!important;*/
     width: 100%;
     margin-top: 30px;
 }
 
 .gallery-thumbs-title {
     /* height: 80px; */
     height: auto;
     box-sizing: border-box;
     margin-top: 60px;
 }
 
 .gallery-thumbs-title .swiper-slide {
     overflow: hidden;
     height: 80px;
     text-align: center;
     color: #333;
     position: relative;
     border-right: 1px solid #e1e1e1;
 }
 
 .gallery-thumbs-title .swiper-slide:hover {
     cursor: pointer;
 }
 
 .gallery-thumbs-title .swiper-slide .flmoren {
     position: absolute;
     height: 80px;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 1;
     transition: all .4s ease-out;
     background: #fff;
     /* padding-top: 10px; */
 }
 
 .gallery-thumbs-title .swiper-slide .flmoren img {
     width: auto;
     height: auto;
     margin: 0 auto;
     display: block;
 }
 
 .gallery-thumbs-title .swiper-slide .flmoren p {
     font-size: 18px;
     color: #333;
     line-height: 40px;
 }
 
 .gallery-thumbs-title .swiper-slide .flhover img {
     width: auto;
     height: auto;
     margin: 0 auto;
     display: block;
 }
 
 .gallery-thumbs-title .swiper-slide .flhover p {
     font-size: 18px;
     color: #333;
     line-height: 40px;
 }
 
 .gallery-thumbs-title .swiper-slide .flhover {
     position: absolute;
     height: 80px;
     width: 100%;
     top: 81px;
     left: 0;
     z-index: 1;
     transition: all .4s ease-out;
     background: #fff;
 }
 
 .gallery-thumbs-title .swiper-slide-thumb-active .flhover {
     position: absolute;
     height: 80px;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 2;
     background: #fff;
     transition: all .4s ease-out;
     /* padding-top: 10px; */
 }
 
 .gallery-thumbs-title .swiper-slide-thumb-active .flhover p {
     font-weight: 700;
     color: #2a3452;
 }
 
 .gallery-thumbs-title .more {
     overflow: hidden;
     width: 16.67%;
     height: 80px;
     text-align: center;
     position: relative;
 }
 
 @media screen and (min-width: 768px) {
     .gallery-thumbs-title .more {
         width: 16.66%;
     }
 }
 
 @media screen and (max-width: 768px) {
     .gallery-thumbs-title {
         margin-top: 30px;
     }
     .gallery-thumbs-title .swiper-slide {
         border: none;
     }
    

    .gallery-thumbs-title .swiper-slide .flmoren,
    .gallery-thumbs-title .swiper-slide .flhover,
    .gallery-thumbs-title .more .flmoren{
        padding-top: 10px;
    }




 }
 
 .gallery-thumbs-title .more .flmoren img {
     width: auto;
     height: auto;
     margin: 0 auto;
     display: block;
 }
 
 .gallery-thumbs-title .more .flmoren p {
     font-size: 18px;
     color: #333;
     line-height: 40px;
 }
 
 .gallery-thumbs-title .more .flhover p {
     font-size: 18px;
     color: #333;
     line-height: 40px;
 }
 
 .gallery-thumbs-title .more .flmoren {
     position: absolute;
     height: 80px;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 1;
     transition: all .4s ease-out;
     /* padding-top: 10px; */
 }
 
 .gallery-thumbs-title .more .flhover {
     position: absolute;
     height: 80px;
     width: 100%;
     top: 81px;
     left: 0;
     z-index: 2;
     background: #fff;
     transition: all .4s ease-out;
 }
 
 .gallery-thumbs-title .more:hover .flmoren {
     top: -81px;
 }
 
 .gallery-thumbs-title .more:hover .flhover {
     top: 0;
 }
 
 .gallery-thumbs-title .more:hover .flhover p {
     font-weight: 700;
     color: #2a3452;
 }
 
 .gallery-thumbs-title .swiper-slide:hover .flmoren {
     top: -81px;
 }
 
 .gallery-thumbs-title .swiper-slide:hover .flhover {
     top: 0;
 }
 
 .gallery-thumbs-title .swiper-slide:hover .flhover p {
     font-weight: 700;
     color: #2a3452;
 }
 
 .gallery-top-cp .swiper-slide li.dacp {
     width: 48.5%;
     float: left;
     display: block;
     position: relative;
     overflow: hidden;
 }
 
 @media screen and (max-width: 1000px) {
     .gallery-top-cp .swiper-slide li.dacp {
         width: 100%;
         margin-bottom: 5%;
     }
 }
 
 .gallery-top-cp .swiper-slide li>a {
     overflow: hidden;
 }
 
 .gallery-top-cp .swiper-slide li.dacp img {
     transition: all .4s ease-out;
 }
 
 .gallery-top-cp .swiper-slide li.dacp:hover img {
     transform: scale(1.2);
 }
 
 .gallery-top-cp .swiper-slide li.dacp .wen {
     display: block;
     position: absolute;
     z-index: 99;
     bottom: 15%;
     left: 0;
 }
 
 .gallery-top-cp .swiper-slide li.dacp .wen font {
     display: block;
     float: left;
 }
 
 .gallery-top-cp .swiper-slide li.dacp .wen font.title {
     background: rgba(30, 35, 67, .95);
     color: #fff;
     padding: 25px 30px;
     height: 95px;
 }
 
 .gallery-top-cp .swiper-slide li.dacp .wen font.title span {
     font-size: 18px;
     font-weight: 700;
     color: #fff;
 }
 
 .gallery-top-cp .swiper-slide li.dacp .wen font.title i {
     font-size: 14px;
     color: #fff;
     display: block;
     clear: both;
 }
 
 .gallery-top-cp .swiper-slide li.dacp .wen font.tuiwen {
     background: rgba(255, 57, 57, 0.95);
     color: #fff;
     padding: 25px 30px;
     height: 95px;
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
 }
 
 .xiaocplist {
     width: 49%;
     float: right;
     overflow: hidden;
 }
 
 @media screen and (max-width: 1000px) {
     .xiaocplist {
         width: 100%;
     }
 }
 
 .xiaocplist li.xiaocp {
     width: 47%;
     float: left;
     margin: 0 5% 5% 0;
     position: relative;
     overflow: hidden;
 }
 
 .xiaocplist li.xiaocp img {
     transition: all .4s ease-out;
 }
 
 .xiaocplist li.xiaocp:hover img {
     transform: scale(1.2);
 }
 
 .xiaocplist li.xiaocp:nth-child(2) {
     margin: 0 0% 4% 0;
 }
 
 .xiaocplist li.xiaocp:nth-child(4) {
     margin: 0 0% 4% 0;
 }
 
 .xiaocplist li.xiaocp p.wen02 {
     width: 100%;
     background: #f5f5f5;
     text-align: center;
     font-size: 14px;
     line-height: 40px;
     color: #666;
     position: absolute;
     bottom: 0;
     left: 0;
 }
 /*公寓家具end*/
 /*解决方案*/
 
 .index-jiejue {
     background: #efefef;
     padding: 120px 0 0 0;
     overflow: hidden;
 }
 
 .infanganmain {
     overflow: hidden;
     margin-top: 50px;
 }
 
 .suoyoudatu {
     height: auto;
     width: 50%;
     float: right;
     margin: 0;
 }
 
 .infangantitle {
     height: 100%;
     width: 48%;
     float: left;
     box-sizing: border-box;
     padding: 0;
     position: relative;
 }
 
 @media screen and (max-width: 1000px) {
     .index-jiejue {
         margin-top: 0px;
         padding-top: 60px;
     }
     .infangantitle {
         width: 100%;
     }
     .suoyoudatu {
         width: 100%;
         margin-top: 30px;
     }
 }
 
 .infangantitle .swiper-wrapper {}
 
 .infangantitle .swiper-slide {
     padding: 20px 0;
     height: 90px!important;
     width: 48%!important;
     margin: 0 3% 3.8% 0!important;
     display: block!important;
     float: left!important;
     cursor: pointer;
     background: #fff;
     text-align: center;
 }
 
 .infangantitle .swiper-slide:nth-child(4) {
     position: absolute;
     right: 0;
     margin-right: 0!important;
 }
 
 .infangantitle .swiper-slide:nth-child(5) {
     position: absolute;
     right: 0;
     top: 25%;
     margin-right: 0!important;
 }
 
 .infangantitle .swiper-slide:nth-child(6) {
     position: absolute;
     right: 0;
     top: 50%;
     margin-right: 0!important;
 }
 
 .infangantitle .swiper-slide:nth-child(7) {
     position: absolute;
     right: 0;
     bottom: 0;
     margin-right: 0!important;
 }
 
 .infangantitle .swiper-slide .icon {
     display: inline-block;
     width: 48px;
 }
 
 @media screen and (max-width: 768px) {
     .infanganmain .icon {
         display: none!important;
     }
 }
 
 .infangantitle .swiper-slide .wen {
     display: inline-block;
     text-align: left;
     padding-left: 10px;
 }
 
 .infangantitle .swiper-slide .wen p {
     font-size: 18px;
     color: #333;
     line-height: 20px;
 }
 
 .infangantitle .swiper-slide .wen span {
     font-size: 12px;
     color: #999999;
     line-height: 18px;
     text-transform: uppercase;
 }
 
 .infangantitle .swiper-slide-thumb-active {
     box-shadow: 0 3px 5px rgba(0, 0, 0, .2)
 }
 
 .infangantitle .swiper-slide-thumb-active .wen p {
     font-weight: 700;
 }
 
 .jiejueurl {
     width: 100%;
 }
 
 .jiejueurl a {
     width: 50%;
     float: left;
     text-align: center;
     color: #fff;
     font-size: 18px;
     line-height: 70px;
     display: block;
 }
 
 .jiejueurl a.more {
     background: #333;
 }
 
 .jiejueurl a.zixun {
     background: #2a3452;
 }
 
 .chanpindatu {
     position: relative;
 }
 
 .chanpindatu img {}
 
 .chanpindatu p.wen {
     display: block;
     position: absolute;
     bottom: 3%;
     right: 7%;
     z-index: 99;
     width: 40%;
     color: #fff;
     text-align: left;
 }
 
 .chanpindatu p.wen strong {
     display: block;
     font-size: 26px;
 }
 
 .chanpindatu p.wen font {
     display: block;
     font-size: 14px;
     line-height: 22px;
     padding-top: 10px;
 }
 
 .chanpindatu p.wen span {
     display: block;
     width: 120px;
     line-height: 50px;
     font-size: 16px;
     background: #2a3452;
     text-align: center;
     margin: 20px 0 0 0;
 }
 
 @media screen and (max-width: 768px) {
     .index-jiejue {
         display: none;
     }
     .protitle .title02 {
         font-size: 24px;
     }
 }
 /*解决方案end*/
 /*首页优势*/
 
 .indexyoushi {
     background: #efefef;
     padding: 120px 0;
     overflow: hidden;
 }
 
 .protitle .title02 font.aizi {
     font-size: 111px;
     font-weight: bold;
     color: #e1e1e1;
     text-transform: uppercase;
     letter-spacing: -3px;
     position: absolute;
     top: 0;
     width: 100%;
     text-align: center;
     left: 0;
     z-index: -1;
     line-height: 70px;
 }
 
 .inyoushi01 {
     width: 23%;
     float: left;
     background: #fff;
     margin-top: 175px;
     margin-right: 2%;
 }
 
 @media screen and (max-width: 1000px) {
     .inyoushi01 {
         width: 48%;
         margin-top: 135px;
     }
     .pic>img {
         width: 73%;
     }
 }
 
 @media screen and (max-width: 768px) {
     .inyoushi01 .wen {
         padding: 30px 10px;
     }
     .wen>span {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 4;
         overflow: hidden;
     }
 }
 
 .inyoushi01:last-child {
     margin-right: 0;
 }
 
 .inyoushi01 .pic img {
     display: block;
     margin: -100px auto 0 auto;
 }
 
 .inyoushi01 .wen {
     padding: 40px 25px;
     text-align: center;
 }
 
 .inyoushi01 .wen p {
     font-size: 24px;
     font-weight: 700;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 @media screen and (max-width: 500px) {
     .inyoushi01 .wen p {
         font-size: 20px;
     }
     .inyoushi01 .pic img {
         margin: -80px auto 0 auto;
     }
 }
 
 .inyoushi01 .wen font {
     display: block;
     width: 58px;
     height: 1px;
     background: #2a3452;
     margin: 20px auto;
 }
 
 .inyoushi01 .wen span {
     font-size: 14px;
     line-height: 24px;
     color: #666666;
 }
 
 @media screen and (max-width: 768px) {
     .indexyoushi {
         display: none;
     }
 }
 /*首页优势end*/
 /*案例展示*/
 
 .indexcase {
     padding: 120px 0;
 }
 
 .gallery-thumbs-casetitle {
     margin: 70px 0 50px;
     height: 45px;
     border-radius: 5px;
     overflow: hidden;
 }
 
 .gallery-thumbs-casetitle .swiper-slide {
     text-align: center;
     line-height: 45px;
     font-size: 14px;
     color: #fff;
     background: #2a3452;
     border-right: 1px solid #666;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block;
 }
 
 .gallery-thumbs-casetitle .swiper-slide-thumb-active {
     background: #ff393a;
     border-right: none;
 }
 
 .gallery-thumbs-casetitle .swiper-slide:hover {
     cursor: pointer;
 }
 
 .gallery-thumbs-casetitle .more {
     text-align: center;
     line-height: 45px;
     font-size: 14px;
     color: #fff;
     background: #333;
     width: 16.6%;
 }
 
 .gallery-thumbs-casetitle .more:hover {
     background: #ff393a;
 }
 
 .gallery-thumbs-casetitle .more a {
     color: #fff;
     display: block;
 }
 
 .incasejies {
     background: url(../images/bkbj.jpg);
     padding: 5px;
     width: 85%;
     position: relative;
     float: right;
 }
 
 .baidi {
     background: #fff;
     overflow: hidden;
     padding: 36px;
 }
 
 .incasejies .pic {
     width: 58%;
     position: absolute;
     top: 36px;
     left: -17.5%;
 }
 
 .pic_dw {
     position: absolute;
     left: 0;
     bottom: 0;
     height: 54px;
     line-height: 54px;
     text-align: center;
     width: 100%;
     background-color: rgba(0, 0, 0, .7);
     font-size: 18px;
     color: #fff;
 }
 
 .incasejies .wen {
     width: 59%;
     float: right;
     padding: 0 5%;
 }
 
 .incasejies .wen a.title {
     display: block;
     width: 100%;
     padding: 15px;
     border: 1px dotted #ccc;
     overflow: hidden;
     border-left: none;
     border-right: none;
     margin: 30px 0 0 0;
 }
 
 .incasejies .wen a p {
     font-size: 24px;
     font-weight: 700;
     color: #333;
     display: block;
     float: left;
     width: 60%;
     line-height: 36px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .incasejies .wen a span {
     display: block;
     float: right;
     line-height: 36px;
     padding: 0 20px;
     background: #2a3452;
     font-size: 14px;
     color: #fff;
 }
 
 .incasejies .wen p.note {
     display: block;
     font-size: 14px;
     line-height: 26px;
     color: #555;
     padding: 50px 0;
 }
 
 .duotu {
     overflow: hidden;
     margin-top: 48px;
 }
 
 .duotu a.on img {
     border: 2px solid #ff393a;
 }
 
 .duotu img {
     display: block;
     width: 30%;
     float: left;
     margin-right: 3%;
     border: 1px solid #fff;
 }
 
 .duotu img:hover {
     cursor: pointer;
     border: 1px solid #2a3452;
 }
 
 .incasemain {
     position: relative;
 }
 
 .swiperanli-button-white {
     position: absolute;
     width: 78px;
     height: 78px;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 99;
     top: 50%;
     background-color: rgba(30, 35, 67, .9);
     border-radius: 100%;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     -o-border-radius: 100%;
 }
 
 .swiperanli-button-white i {
     font-size: 30px;
     color: #fff;
 }
 
 .swiperanli-button-white:hover {
     cursor: pointer;
 }
 
 .swiperanli-button-next {
     right: -39px;
 }
 
 .swiperanli-button-prev {
     left: -39px;
 }
 
 .swiperanli-button-next.swiper-button-disabled {
     background-color: rgba(0, 0, 0, .2);
 }
 
 .swiperanli-button-prev.swiper-button-disabled {
     background-color: rgba(0, 0, 0, .2);
 }
 
 @media screen and (max-width: 1000px) {
     .baidi {
         padding-bottom: 77%;
     }
     .indexcase {
         padding: 0 0 10px 0;
     }
     .incasejies {
         float: none;
         margin: 0 auto;
         overflow: hidden;
     }
     .incasejies .wen {
         width: 100%;
     }
     .incasejies .pic {
         width: 77%;
         top: 50%;
         left: 50%;
         transform: translate(-50%);
     }
     .incasejies .pic img {
         width: 100%;
     }
     .incasejies .wen p.note {
         padding: 12px 0;
     }
     .duotu {
         margin-top: 10px;
     }
     .swiperanli-button-prev {
         left: -14px;
     }
     .swiperanli-button-next {
         right: -14px;
     }
     .incasejies .wen p {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 4;
         overflow: hidden;
     }
 }
 
 @media screen and (max-width: 768px) {
     .gallery-thumbs-casetitle {
         height: auto;
     }
     .gallery-thumbs-casetitle .more {
         width: 33.3%;
         height: 45px;
     }
     .incasejies {
         width: 100%;
     }
     .baidi {
         padding: 2% 3% 82%;
     }
     .incasejies .wen {
         padding: 0;
     }
     .incasejies .wen a p {
         width: 100%;
     }
     .incasejies .pic {
         width: 90%;
     }
     .duotu img {
         width: 47%;
     }
     .swiperanli-button-next,
     .swiperanli-button-prev {
         display: none;
     }
     .incasemain .swiper-wrapper>div:nth-child(4) {
         border-right: none;
     }
     .gallery-thumbs-casetitle {
         margin: 30px 0;
     }
 
 }
 
 @media screen and (max-width: 650px) {
     .incasejies .pic {
         top: 55%;
     }
 }
 
 @media screen and (max-width: 500px) {
     .incasejies .pic {
         top: 61%;
     }
 }
 /*案例展示end*/
 /*朗哥实力*/
 
 .indexshili {
     background: #efefef;
     padding: 120px 0;
     overflow: hidden;
 }
 
 .sikuaiys {
     overflow: hidden;
     margin: 30px 0 30px 0;
     background: #fff;
 }
 
 .sikuaiysli {
     width: 25%;
     float: left;
     padding: 40px 10px;
     text-align: center;
     border-right: 1px solid #e1e1e1;
 }
 
 .sikuaiysli .pic a {
     position: relative;
     display: block;
 }
 
 .pic_ddw {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 50px;
     line-height: 50px;
     text-align: center;
     color: #fff;
     font-size: 18px;
     background-color: rgba(0, 0, 0, .8);
 }
 
 .pic_tdw {
     position: absolute;
     top: 25px;
     right: 0;
     width: 190px;
     height: 70px;
     background-color: rgba(255, 255, 255, .8);
     padding: 0 15px;
     line-height: 70px;
     font-size: 24px;
     color: #2a3452;
 }
 
 .baidi .pic img {
     max-height: 440px;
     object-fit: cover;
 }
 
 .sikuaiysli .pic img {
     display: block;
     margin: 0 auto;
 }
 
 .sikuaiysli .wen {
     padding-top: 20px;
 }
 
 .sikuaiysli .wen p {
     font-size: 24px;
     font-weight: 700;
     color: #333;
     padding-bottom: 15px;
 }
 
 .sikuaiysli .wen span {
     font-size: 14px;
     color: #666;
     line-height: 22px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
 }
 
 .shilimain {}
 
 .shilimain-left {
     width: 49%;
     float: left;
 }
 
 .shilimain01 {
     position: relative;
     margin-bottom: 18px;
     overflow: hidden;
 }
 
 .shilimain01 img {
     width: 100%;
 }
 
 .shilimain01 p {
     display: block;
     position: absolute;
     z-index: 22;
     top: 0px;
     left: 0;
     padding-top: 10%;
     width: 100%;
     height: 100%;
     text-align: center;
     overflow: hidden;
 }
 
 .fangdaimg {
     transition: all .8s ease;
     -moz-transition: all .8s ease;
     -webkit-transition: all .8s ease;
     -o-transition: all .8s ease;
 }
 
 .shilimain01 p img {
     width: auto;
     display: block;
     margin: 0 auto;
 }
 
 .shilimain01:hover img.fangdaimg {
     transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
 }
 
 .shilimain01 p strong {
     font-size: 24px;
     display: block;
     color: #fff;
     padding-top: 15px;
 }
 
 .shilimain01 p span {
     font-size: 12px;
     text-transform: uppercase;
     display: block;
     color: rgba(255, 255, 255, .4);
 }
 
 .shilimain02 {
     width: 49%;
     float: left;
     position: relative;
     overflow: hidden;
 }
 
 .shilimain02 img,
 .shilimain03 img {
     display: block;
     width: 100%;
     transition: all .8s ease;
     -moz-transition: all .8s ease;
     -webkit-transition: all .8s ease;
     -o-transition: all .8s ease;
 }
 
 .shilimain02 p,
 .shilimain03 p {
     position: absolute;
     left: 0;
     bottom: 0;
     line-height: 50px;
     background: rgba(0, 0, 0, .6);
     font-size: 18px;
     color: #fff;
     text-align: center;
     width: 100%;
 }
 
 .shilimain03 {
     width: 49%;
     float: right;
     position: relative;
     overflow: hidden;
 }
 
 .shilimain02:hover img,
 .shilimain03:hover img {
     transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
 }
 
 .shilimain-right {
     width: 49%;
     float: right;
     position: relative;
 }
 
 .shilimain-right .pic {
     overflow: hidden;
 }
 
 .shilimain-right .pic img {
     width: 100%;
     transition: all .8s ease;
     -moz-transition: all .8s ease;
     -webkit-transition: all .8s ease;
     -o-transition: all .8s ease;
 }
 
 .shilimain-right:hover .pic img {
     transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
 }
 
 .shilimain-right .wen {
     position: absolute;
     left: 0;
     bottom: 0px;
     padding: 50px;
     background: rgba(0, 0, 0, .7);
 }
 
 .shilimain-right .wen p {
     font-size: 30px;
     color: #fff;
     font-weight: 700;
     padding-bottom: 15px;
 }
 
 .shilimain-right .wen span {
     display: block;
     font-size: 14px;
     line-height: 23px;
     color: #fff;
     width: 80%;
 }
 
 .shilimain-right a {
     display: block;
     width: 140px;
     color: #fff;
     font-size: 18px;
     background: #2a3452;
     line-height: 60px;
     position: absolute;
     right: -18px;
     bottom: -18px;
     text-align: center;
 }
 
 @media screen and (max-width: 1000px) {
     .indexshili {
         padding: 40px 0 60px;
     }
     .shilimain-right .wen {
         padding: 30px 30px 40px;
     }
     .shilimain-right .wen span {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 3;
         overflow: hidden;
     }
     .shilimain01 p {
         padding: 0;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
     }
 }
 
 @media screen and (max-width: 768px) {
     .sikuaiysli {
         width: 50%;
     }
     .sikuaiysli:nth-child(-n+2) {
         border-bottom: 1px solid #e1e1e1;
     }
     .shilimain>div {
         width: 100%;
         margin-bottom: 30px;
     }
     .sikuaiysli .pic>img {
         width: 28%;
     }
 }
 /*朗哥实力end*/
 /*朗哥风采*/
 
 .indexfengc {
     padding: 0 0 60px 0;
     background: #efefef;
 }
 
 .fengcmain {
     margin: 60px 0 0 0;
     padding-top: 30px;
     border-top: 1px dotted #c1c1c1;
 }
 
 @media screen and (max-width: 768px) {
     .fengcmain {
         margin: 20px 0 0 0;
     }
 }
 
 .gallery-thumbs-fengctitle {
     width: 40%;
     margin: 0 auto 40px auto
 }
 
 @media screen and (max-width: 768px) {
     .gallery-thumbs-fengctitle {
         margin: 0 auto 20px auto
     }
 }
 
 .gallery-thumbs-fengctitle .swiper-slide {
     text-align: center;
     border-right: 1px solid #c1c1c1;
 }
 
 .gallery-thumbs-fengctitle .swiper-slide:hover {
     cursor: pointer;
 }
 
 .gallery-thumbs-fengctitle .swiper-slide:last-child {
     border: none;
 }
 
 .gallery-thumbs-fengctitle .swiper-slide p {
     font-size: 18px;
 }
 
 .gallery-thumbs-fengctitle .swiper-slide span {
     text-transform: uppercase;
     font-size: 12px;
     color: #999;
 }
 
 .gallery-thumbs-fengctitle .swiper-slide-thumb-active p {
     color: #ff393a;
 }
 
 .gallery-thumbs-fengctitle .swiper-slide-thumb-active span {
     color: #ff393a;
 }
 
 .gallery-top-fengcmain {}
 
 .gallery-top-fengcmain .swiper-slide li {
     display: block;
     width: 18%;
     float: left;
     margin: 0 1%;
 }
 
 .gallery-top-fengcmain .swiper-slide li p {
     font-size: 14px;
     color: #666;
     display: block;
     width: 100%;
     line-height: 40px;
     background: #fff;
     text-align: center;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 .swipercase-button-white {
     position: absolute;
     width: 36px;
     height: 92px;
     z-index: 99;
     background-color: rgba(30, 35, 67, .95);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 5px;
 }
 
 .swipercase-button-white i {
     font-size: 30px;
     color: #fff;
 }
 
 .swipercase-button-white:hover {
     cursor: pointer;
 }
 
 .swipercase-button-next {
     top: 47px;
     right: 0px;
 }
 
 .swipercase-button-prev {
     top: 47px;
     left: -0px;
 }
 
 .swipercase-button-next.swiper-button-disabled {
     background-color: rgba(0, 0, 0, .5);
 }
 
 .swipercase-button-prev.swiper-button-disabled {
     background-color: rgba(0, 0, 0, .5);
 }
 
 @media screen and (max-width: 1000px) {
     .gallery-top-fengcmain .swiper-slide li:nth-child(-n+2) {
         display: none;
     }
     .gallery-top-fengcmain .swiper-slide li {
         width: 31.32%;
     }
     .gallery-top-fengcmain .swiper-slide li p {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
     }
 }
 
 @media screen and (max-width: 768px) {
     .gallery-top-fengcmain .swiper-slide li:nth-child(-n+3) {
         display: none;
     }
     .gallery-top-fengcmain .swiper-slide li {
         width: 48%;
     }
     .gallery-thumbs-fengctitle {
         width: 100%;
     }
 }
 /*朗哥风采end*/
 /*新闻*/
 
 .indexnews {
     padding: 120px 0 70px 0;
 }
 
 .innewsmain {
     overflow: hidden;
 }
 
 .innewsmain-left {
     width: 45%;
     margin-left: 4%;
     float: left;
     background: url("../images/bkbj.jpg");
     padding: 5px;
     margin-top: 50px;
 }
 
 .bjbaise {
     background: #fff;
 }
 
 .innewsmain-left .title {
     width: 100%;
     height: 187px;
     background: url("../images/news01.jpg") no-repeat;
     background-size: cover;
     padding-top: 30px;
 }
 
 .innewsmain-left .title p {
     font-size: 24px;
     font-weight: 700;
     background: rgba(255, 57, 58, .95);
     width: 180px;
     line-height: 60px;
     text-align: center;
     display: block;
     color: #fff;
     margin: 0 0 0 -55px;
 }
 
 .innewsmain-left .title span {
     font-size: 24px;
     color: #fff;
     font-weight: 700;
     text-align: center;
     line-height: 20px;
     text-transform: uppercase;
     display: block;
 }
 
 .innewsli {
     padding: 25px;
 }
 
 .innewsli li {
     display: block;
     padding-left: 23px;
     background: url("../images/imgs/lili.jpg") no-repeat 0 center;
     line-height: 59px;
     border-bottom: 1px dotted #ddd;
     overflow: hidden;
 }
 
 .innewsli li p {
     display: block;
     width: 80%;
     float: left;
     font-size: 14px;
     color: #666;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .innewsli li span {
     display: block;
     width: 20%;
     float: right;
     font-size: 12px;
     text-align: right;
     color: #999;
     line-height: 59px;
 }
 
 .innewsli li:hover p {
     color: #ff393a;
 }
 
 .innewsmain-right {
     width: 45%;
     margin-left: 4%;
     float: right;
     background: url("../images/bkbj.jpg");
     padding: 5px;
     margin-top: 50px;
 }
 
 .innewsmain-right .title {
     width: 100%;
     height: 187px;
     background: url("../images/news02.jpg") no-repeat;
     background-size: cover;
     padding-top: 30px;
 }
 
 .innewsmain-right .title p {
     font-size: 24px;
     font-weight: 700;
     background: rgba(42, 52, 82, .9);
     width: 180px;
     line-height: 60px;
     text-align: center;
     display: block;
     color: #fff;
     margin: 0 0 0 -55px;
 }
 
 .innewsmain-right .title span {
     font-size: 24px;
     color: #fff;
     font-weight: 700;
     text-align: center;
     line-height: 20px;
     text-transform: uppercase;
     display: block;
 }
 /*新闻end*/
 
 @media screen and (max-width: 992px) {
     .indexnews {
         padding: 60px 0;
     }
     .innewsmain-left,
     .innewsmain-right {
         width: 100%;
         padding: 0;
         margin: 0;
         margin-top: 30px;
     }
     .innewsmain-left .title p,
     .innewsmain-right .title p {
         margin: 0;
     }
     .indexgongyu .wrap .swiper-wrapper>div{
        border-bottom: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
     }
     .indexgongyu .wrap .swiper-wrapper>div:nth-of-type(n+4){
         border-bottom: none;
     }
     .indexcase .wrap .swiper-wrapper>div{
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        border-right: 1px solid rgba(255, 255, 255, 0.2);
     }
     
 }
 
 @media screen and (max-width: 768px) {
     .innewsli li p,
     .innewsli li span {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
     }
 }