/* CSS Document */

/* banner */
.mywid2{ /* width:1200px; height:100%; */ position:absolute; left:50%; margin-left:-600px; top:0;}
.mywid2 .ten-tab{ width:300px; background:rgba(255,255,255,0.9); position:absolute; z-index:10; top:100px; left:0; padding-bottom:24px; border-radius:20px;box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.index-ten-tab{  top:100px !important;}
.ten-tab h1{ font-size:24px; padding:30px 0 10px; text-align:center; letter-spacing:2px; color:#B1080D;}
.ten-tab h2{ font-size:14px; text-align:center; padding-bottom:10px;}
.ten-tab-nav{ width:90%; margin:0 auto;}
.ten-tab-nav a{ display:block; width:50%; float:left; text-align:center; border-bottom:2px solid #2e2e2f; padding:10px 0 10px; color:#2e2e2f; font-size:16px; margin-bottom:15px;}
.ten-tab-nav a:hover{ color:#e61e1e; border-bottom:2px solid #e61e1e;}
.ten-tab-cont{ width:90%; margin:0 auto;}
.ten-tab-content form input{ border:none; background:none;}
.ten-tab-content form p{ border:1px solid #d9d9d9; border-radius:10px; height:25px; padding:10px 15px; color:#2e2e2f; font-size:16px; line-height:25px; margin-bottom:15px; background:#fff;}
.ten-tab-content form p span{ border-right:1px solid #2e2e2f; padding-right:10px;}
.ten-tab-content form p em{ color:#999; text-align:right;}
.ten-tab-content form p input{ width:180px;}
.ten-tab-content form p select{ border:none; width:220px; text-align:center; font-size:16px;}
.ten-tab-content form p select option{ text-align:center;}
.ten-tab-content input[type="submit"]{ width:100%; margin:0 auto; height:50px; border-radius:10px; background:#B1080D; color:#fff; font-size:16px; letter-spacing:2px; font-weight:bold;}
.ten-tab-content h2{ text-align:center; padding:10px 0 15px;}
.ten-tab-content h2 b{ color:#B1080D;}
.ten-roll-top{ width:300px; margin:0 auto; color:#333;}
.ten-bd{ height:196px; overflow:hidden;}
.ten-bd ul li{ margin-bottom:2%; width:300px; text-align:center; overflow:hidden;}
.ten-bd ul li a p{ color:#362e2d; font-size:14px; line-height:22px; letter-spacing:1px;}
/* banner轮播 */
.banner #index_prev{ position:absolute; background:url(images/icon-slides.png) -83px 0; width:41px; height:69px; left:0; top:50%; margin-top:-35px;}
.banner .fullSlide:hover #index_prev{ background:url(images/icon-slides.png)}
.banner #index_next{ position:absolute; background:url(images/icon-slides.png) right 0; width:41px; height:69px; right:0; top:50%; margin-top:-35px;}
.banner .fullSlide:hover #index_next{ background:url(images/icon-slides.png) -41px 0;}

/* five */
.five{ margin:60px auto;}
.five li{ margin-right:50px; text-align:center; width:200px;}
.five p{ font-size:24px; letter-spacing:1px;}
.five h5{ font-size:14px; font-weight:normal; letter-spacing:1px; }
.five-p1{ background:url(images/five.1.png) no-repeat top center; background-size:100px 90px; padding-top:120px;}
.five-p2{ background:url(images/five.2.png) no-repeat top center; background-size:100px 90px; padding-top:120px;}
.five-p3{ background:url(images/five.3.png) no-repeat top center; background-size:76px 95px; padding-top:120px;}
.five-p4{ background:url(images/five.4.png) no-repeat top center; background-size:105px 70px; padding-top:120px;}
.five-p5{ background:url(images/five.5.png) no-repeat top center; background-size:60px 93px; padding-top:120px;}

/* 报价 */
.indexSpecial { background-color: #fff;  width:100%; min-width:1200px!important;  margin-top: 0px; background:#f8f8f8; margin-bottom:40px;}
.indexSpecial .indexOffer{ width:1200px;  overflow: hidden;  margin: 0 auto; height: 193px;}
.indexSpecial .indexOffer li{float:left;; color:#fff;text-align:center; margin-top:0px;}

.indexSpecial .indexOffer li.li1{ width:363px; height:193px; background-position:center 35px; background-color:#B1080D; padding-top:35px; padding-bottom:3px; }
.indexSpecial .indexOffer li.li1 dl{ padding:0 20px; text-align:center;}
.indexSpecial .indexOffer li.li1 dt{ font-size:24px; font-weight:bold; text-align:center; color:#fff; margin-bottom:15px; letter-spacing:4px;}
.indexSpecial .indexOffer li.li1 dd{width:46%;  text-align:center; line-height:40px; float:left; display:inline; font-size:16px; background:url(images/gou_2.png) no-repeat left center;}
.indexSpecial .indexOffer li dd:nth-child(2),.indexSpecial .indexOffer li dd:nth-child(4){ margin-left:9%; width:45%;}

.li2{ height:190px; padding: 0 15px; border:1px solid #B1080D; margin-right:20px;}
.li2_2{ width:400px; float:left; padding-top:35px;}
.li2_inp{ width:176px; height:34px; float:left; margin-right:10px; margin-bottom:10px; border-radius:8px; border:0.1em #999 solid; color:#999; padding-left:8px;}
.li2_inp2{ width:176px; height:34px; float:left; margin-bottom:10px;margin-right:10px; border-radius:8px; border:0.1em #999 solid; color:#999; padding-left:8px;}
/*.li2_inp2{ width:385px; height:34px; float:left; margin-bottom:10px; border-radius:8px; border:0.1em #999 solid; color:#999; padding-left:8px;}*/

.sub{ width:142px; height:35px; background:#b1080d; border:none; line-height:35px; text-align:center; margin-left:125px; border-radius:8px;}
.sub a{ color:#FFF; font-size:16px; font-weight:bold; letter-spacing:1px;}

.indexSpecial .indexOffer li.li3 { width: 280px; margin-top:0px;}
.indexSpecial .indexOffer li.li3 img{ height:193px;}
.sub_right{ width:280px; height:125px; background:#fff;border-radius:10px;  border:1px solid #b1080d;}
.sub_right h1{ color:#888888; font-size:16px; text-align:center; font-family:"微软雅黑"; padding:10px 0;}
.sub_right b{ color:#fc0d06;}
.sub_right p{ text-align:center; padding-top:5px; }

    .txtMarquee-top{ width:280px;  overflow:hidden; position:relative; height:80px; }
    .txtMarquee-top .bd{ text-align:center; padding-top:0px; overflow:hidden; padding-left:15%; }
    .txtMarquee-top .infoList{ overflow:hidden;}
    .txtMarquee-top .infoList li{ height:18px; line-height:24px; text-align:center;}
    .txtMarquee-top .infoList li .date{ float:right; color:#999;  }



/* 整装产品 */
.icon {
    width: 55px; height: 55px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    position: absolute;
    top: 45px;
    left: 25px;
    color: #5f5d5e;
}

.z-product{ background: #eee; height: 200px; overflow: hidden; }
.product-nav{ width:900px; margin:30px auto 0; display: flex; justify-content: space-between;}
.product-nav a{ display: block; width: 225px; height: 140px; border: 1px solid #5f5d5e; border-radius: 10px; position: relative;}
.product-nav a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.product-nav b{ width: 40px; height: 40px; position: absolute; top: -1px; right: -1px; border-radius: 0 10px 0 0; background: #5f5d5e; color: #fff; text-align: center; line-height: 40px; font-size: 16px;}
.product-nav p{ font-size: 22px; position: absolute; top: 45px; left: 95px; color: #5f5d5e; font-weight: lighter;}

.z-on{ border:1px solid #b1080d !important; color: #b1080d;}
.z-on .icon{color: #b1080d;}
.z-on b{ background: #b1080d;}
.z-on p{ color: #b1080d;}

.z-cont{ padding: 30px 0 60px; position: relative;}
.z-cont img{ padding: 0 40px 0 35px; width: 505px; float: left;}
.z-conton{ box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.z-contxt{float:right; width: 620px; padding-top: 180px;}
.z-contxt h1{ color: #372e2c; text-align: left; font-size: 42px; letter-spacing: 2px; font-weight: 600; margin-bottom: 10px;}
.z-contxt h2{ color: #5f5d5e; font-weight: 400; font-size: 18px; margin-bottom:4px;}
.z-contxt h3{ display: block; width: 50px; height: 2px; background: #b1080d;}
.z-contxt a{ display: inline-block;width: 200px; height: 35px; line-height: 35px; background: #b1080d; color: #fff; text-align: center; margin-top: 30px; border-radius: 5px; letter-spacing: 1px; font-size: 16px;}
.z-contxt p{ color: #b1080d; font-size: 36px;}
.z-contxt b{ font-weight: normal; font-size: 18px;}
.z-contxt2{ padding-top: 120px;}

.bc-top{ text-align: center; margin-top: 30px;}
.bc-top p{ color: #5f5d5e; font-size: 24px; letter-spacing: 2px; }
.bc-top b{ font-weight: normal; font-size: 32px; color: #5f5d5e;}
.bc-nav{ width: 900px; margin: 20px auto 30px; display: flex; justify-content: space-between;}
.bc-nav a{ width: 225px; height: 80px; display: block; background: #b1080d; line-height: 80px; color: #fff;}
.bc-nav span{ font-size: 18px; letter-spacing: 2px; padding: 10px 45px; border: 1px solid #fff;}

#z-content2,#z-content3,#z-cont2,#z-cont3,#c-cont2,#c-cont3{ display: none;}


/* 家装案例 */
.jzcase{ width:1200px;  min-width: 1200px !important; margin:0 auto 30px;  overflow: hidden;}
.case_left,.case_right{ float:left; margin-bottom:20px;}

.case_right{ width:786px; min-width:786px !important;  position: relative;  overflow: hidden;}
.case_right li { float: left; width: 252px; position: relative; overflow: hidden; height:230px;}
.case_right li .indexprogramOver{ width:252px; height: 230px; background-color: #fff; background-color:rgba(255,255,255,0.8); position: absolute; top:-100%; left: 0; -ms-transition-property: top; -webkit-transition-property: top; -moz-transition-property: top;  transition-property: top; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease;}
.indexprogramOver p span {font-size: 18px; line-height: 20px; color:#b1080d; display:block; text-align:center; margin:0 auto 10px; letter-spacing:1px; width: 240px; height: 62px; overflow: hidden;}
.indexprogramOver b{ color:#b1080d;  display:block; text-align:center;letter-spacing:1px;}
.indexProgramLi1{ padding-right:10px; margin-bottom:10px;}
.indexProgramLi1 p img{ width:252px;}
.indexprogramOver p img{ display:block; width:103px; margin:26px auto 10px auto; border-radius:50%; }
.case_right li:hover .indexprogramOver { top:0;}
/* 装修资讯 */
.decoration-title{ width:1200px; margin:0 auto 20px; position:relative;}
.decoration-title h1{ font-size:22px; font-weight:normal; letter-spacing:2px; float:left;}
.decoration-title h1 span{ font-size:16px; border-left:1px solid #2e2e2f; padding-left:10px; margin-left:10px;}
.decoration-title a{text-align:right; float:left; line-height:32px; font-size:14px; position:absolute; right:15px;}
.decoration-zx{ width:1200px; margin:0 auto 40px;}
.dec-zx-left{ width:790px; float:left; margin-right:70px;}
.zx-tit{ font-size:16px; letter-spacing:3px; line-height:32px; padding:5px 0;}
.fa-chevron-circle-right{ color:#b1080d; font-size:18px; line-height:32px; padding-left:10px;}
.dec-zx-right{ width:240px; float:left; }
.bjtj{ width:390px; float:left; /* text-align:center; */ margin-bottom:10px;}
.bjtj{ margin-right:10px;}
.bjtj img{ width:390px; height:239px;}
.bjtj h1{ font-size:18px; padding:10px 0; letter-spacing:3px; }
.bjtj p{ font-size:12px; letter-spacing:1px; color:#666;text-align: left;}

.zxgn a{ display:block; float:left; text-align:center; width:255px; height:110px; line-height:110px; color:#fff; font-size:16px; letter-spacing:2px;  margin-right: 10px; overflow: hidden;position: relative;}
.zxgn a img{ width:255px; height:110px; display:inline-block; transition:.8s; }
.zxgn a:hover img{transform:scale(1.2,1.2);}
.zxgn .zxgn-li3{ margin-right:0; }
.zxgn-lit{position: absolute; top: 0; background: rgba(0,0,0,0.3); width: 100%; height: 100%;}
.zxgn-lit p{ text-align: center; line-height: 24px; margin-top: 30px; font-size: 18px;}

.dec-zx-menu{  }
.dec-zx-menu a{ height:32px; line-height:32px; padding-left:10px;  cursor:pointer; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:260px;}
.dec-zx-menu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }
.dec-zx-menu ul li a{ display:block;  width:255px; height:145px;}
.dec-zx-menu ul li img{ width:255px; height:145px;}
/*品牌动态*/
.brand-dt{ width:100%; background:#eeeeef; padding-bottom:50px; margin-bottom:50px;}
.brand-dt .mytxt{ padding:30px 0;}
.brand-dt-main{ width:1200px; margin:0 auto;}
.brand-video{ float:left; margin-right:100px;}
.brand-video a img{ width:450px; height:265px;}
.brand-video ul li a img{ width:145px; height:135px;}
.brand-video ul li a{ display:block; width:145px; height:135px;  margin-right:7px;}
.brand-video ul li {float:left; }
.brand-dt-txt{ float:left; width:645px; margin-top: 20px;}
.brand-dt-txt ul li{ width:645px; height:100px; margin-bottom:32px; overflow:hidden; cursor:default;}
.brand-dt-txt ul li a{ display:block; width:645px;}
.brand-date{ float:left; color: rgb(34, 34, 34);text-align:left;margin-top:-10px;}
.brand-txt1{ float:right; width:520px; height:auto; }
.brand-date .brand-day{font-size:54px;font-weight: bold;color: #222222; }
.brand-date .brand-line{background-color: rgb(153, 153, 153); color: rgb(34, 34, 34); width: 54px;  height: 1px; background: #999; margin: -8px auto 0;}
.brand-date .brand-mon{ font-size: 20px; font-weight: bold; color: #222222;}
.brand-date .brand-year{ font-size: 14px;color: #222222;}
.brand-txt1 span{ font-size:18px; letter-spacing:2px;}
.brand-txt1 p{ font-size:14px; letter-spacing:1px; padding-top:15px; color:#747474;}
.brand-dt-txt ul li a:hover .brand-day{ color:#b1080d;}
.brand-dt-txt ul li a:hover .brand-line{ color:#b1080d; background-color:#b1080d;}
.brand-dt-txt ul li a:hover .brand-mon{ color:#b1080d;}
.brand-dt-txt ul li a:hover .brand-year{ color:#b1080d;}
.brand-dt-txt ul li a:hover .brand-txt1 span{ color:#b1080d;}
/* 服务流程 */
.service{ width:1100px; margin:0 auto;}
.service li{ float:left; margin-right:25px;}
.service li img{ width:115px; height:110px;}






/* 分页-公司新闻 */
.news-left,.news-right{ float:left;}
.news-left{ width:925px; margin-right:40px;}
.news-right{ width:230px;}
.news-banner{ width:925px; height:314px;  margin:0 auto; position:relative;}
.news-banner ul li{ position:absolute; left:0; top:0}
.news-banner ul li img{ width:925px;  height:314px;}
.news-banner #prev{position:absolute; background:url(images/icon-slides.png) -83px 0; width:41px; height:69px; left:0; top:50%; margin-top:-35px;}
.news-banner #prev:hover{ background:url(images/icon-slides.png);}
.news-banner #next{position:absolute; background:url(images/icon-slides.png) right 0; width:41px; height:69px; right:0; top:50%; margin-top:-35px;}
.news-banner #next:hover{ background:url(images/icon-slides.png) -41px 0;}

.news-tab-nav a{ display:block; width:50%; text-align:center; height:90px; float:left; line-height:90px; font-size:18px; color:#2e2e2f; border-bottom:2px solid #c9caca;}
.news-tab-nav a:hover{ color:#b1080d; border-bottom:2px solid #b1080d;}
.news-content{ width:90%; margin:20px auto 0;}
.news-new ul li{ margin-bottom:30px; float:none;}
.news-new ul li img{ float:left; width:295px; margin-right:30px;}
.news-new ul li .news-newtxt{ float:left; width:450px;}
.news-newtxt{ padding-top:30px;}
.news-newtxt a{display:inline-block;}
.news-newtxt h1 a{ font-size:21px; color:#000; padding-bottom:2px;  display:block;  overflow:hidden;  white-space:nowrap; text-overflow:ellipsis;}
.news-newtxt h2 a{ font-size:16px; color:#b1080d; padding-bottom:15px; }
.news-newtxt h2 i{ font-size:16px;}
.news-newtxt p a{ width:100%; color:#2e2e2f; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-newtxt span a{ color:#b1080d; padding-top:20px;}

#news-content2{ display:none;}

.news-right{}
.news-form{ border:1px solid #d7d7d7; padding-bottom:10px; margin-bottom:20px;}
.news-form img{ margin-bottom:15px;}
.news-form form input{ display:block; width:200px; margin:0 auto; height:40px; margin-bottom:5px; border: 1px solid #d2d2d2; border-radius:5px;}
.news-form form #submit1{ background:#b1080d; color:#fff;}
.news-case{ border:1px solid #d7d7d7;}
.news-case-title{ width:200px; margin:0 auto 10px; border-bottom:1px solid #b2b2b2; padding:10px 0 8px;}
.news-case-title h1{ font-size:18px; display:inline-block; padding-right:25px;}
.news-case-title a{ font-size:14px; text-align:right;  color:#2e2e2f;}
.news-case ul{ width:90%; margin:0 auto;}
.news-case ul li{ border-bottom:1px solid #b2b2b2; padding-bottom:15px; margin-bottom:15px;}
.news-case ul li img{ float:left; width:100px; margin-right:4px;}
.news-casetxt{ float:left; width:100px;}
.news-casetxt h1{ font-size:14px; width:100px;  display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-casetxt p{ font-size:12px; width:100px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding:4px 0;}
.news-casetxt a{ display:block; width:60px; font-size:12px; background:#b1080d; color:#fff; height:24px; line-height:24px; text-align:center; border-radius:3px;}




/* 分页-设计师案例 */
.container{ width:1200px; margin:0 auto;}
.sjs_select_type {float: left; position: relative; _overflow: hidden;  margin-top: 10px;padding:15px 0 0 20px; width:1178px; border:1px solid #c9cbca;  }

.sjs_select_type dl {   width: 100%;  top: -1px;   position: relative;  float: left;  overflow: hidden; margin-bottom:10px;}
.sjs_select_type dl dt {width: 77px; height:40px !important;  text-align: center; font-weight: bold; font-size:14px;  position: absolute; top: 0; left: 0; height: 100%; line-height: 40px; z-index: 1; color: #fff; background:#b1080d; border-radius:6px;}
.sjs_select_type dl dd { float: left; width: 100%px; margin-left: 110px; display: inline;}
.sjs_select_type dl dd a { display: inline-block; height: 40px; line-height: 40px; width: 88px;  text-align: left; text-decoration: none; font-size:14px;}


.sjs_select_type dl dd a.cur{ display: inline-block; height: 40px; line-height: 40px; width: 88px;  text-align: left; text-decoration: none; font-size:14px; color: #93C486}


.sjs_select_type dl dd a:hover{ color:#b1080d; }
.sjs_st_dl form{ padding-bottom:10px;}
.sjs_st_dl_txt{ border:1px solid #ccc; height:32px; padding:0 10px; margin-right:20px;}
.sjs_st_dl_sub{  height:32px; padding:0 10px; }
.sjs_1_bg{ width:100%; background:#f5f5f5; padding-bottom:60px; margin-bottom:20px;}
.sjs_select_type hr{ display:block; width:1197px; background:#c9cbca; color:#c9cbca; position:relative; left:-20px; margin-bottom:10px;}

.trip-list-item .meta { color: #999; font-size: 12px;}
.trip-list-item .name { font-size: 16px; padding:10px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.trip-list-item .name1{ float:left; margin-bottom:10px; font-size:16px; text-align:left; width:90%; padding:10px 5% 0 5%; text-align:center;}
.trip-list-item .name1 span{ float:left; display:inline;}
.trip-list-item .name1 a{ float:right; display:inline; border:1px solid #90bf20;width:52px; border-radius:5px; padding:2px 5px; font-size:13px; text-align:center; color:#90bf20; letter-spacing:3px; }
.trip-list-item .cover-image img { display: block; width: 100%; height:100%;}
.page-container { margin: 50px auto 0; width: 1200px;}
.trip-list-v2 .trip-list-item { float: left; margin: 0 10px 20px 0;}
.trip-list-item .inner { background: #fff; border:1px #eaeaea solid;}
.trip-list-v2 .trip-list-item { float: left; margin: 0 10px 20px 0;}
.trip-list-v2 .designer{ height:415px;}
.trip-list-item {  border-radius: 4px 4px 0 0; overflow: hidden;position:relative; text-align: center; width: 290px; }
.trip-list-item .cover-image {background-color: #d8d8d8; height:200px; overflow: hidden; position: relative; width: 100%;}

.trip-list-item .user img { width:81px; height:81px; }
.trip-list-item .user { background: rgba(0, 0, 0, 0) url(images/user.png) no-repeat scroll center center / 50px auto; border-radius: 25px; margin-left: -35px; position: absolute; top: 160px; width: 80px;}
.mt-25 { width:925px;margin:45px auto 50px auto;}
.order-Flips { text-align:center;clear: both;}
.order-Flips b { font-weight: normal; border: 1px #b1080d solid; background:#b1080d; display: inline-block; height: 35px; line-height: 35px; text-align: center; padding: 0 14px; color: #fff;}
.order-Flips a { margin:0 5px; border: 1px #e8e8e8 solid; display: inline-block; height: 35px; line-height: 35px; text-align: center; padding: 0 14px;}
.order-Flips a:hover{font-weight: normal; border: 1px #b1080d solid; background:#b1080d; display: inline-block; height: 35px; line-height: 35px; text-align: center; padding: 0 14px; color: #fff;}

.zxzr a{ display:inline-block; font-size: 14px; width: 70px; height: 40px; text-align: center; border-right: 1px solid #ccc; line-height: 40px;}
.zxzr { width: 1200px; border: 1px solid #ccc;}
.zxzr a:hover{ color: #b1080d;}

/* 分页- 装修资讯 */
.zx-banner{ float:left; margin-right:15px;  }
.zx-banner-r{ float:left; width:260px;}
.zx-banner-r1 img{ width:260px; height:234px; margin-bottom:2px;}
.zx-banner-r2 img{ width:260px; height:74px;}

.zxjz{ margin-top:30px;}
.zxjz h1{ font-size:18px; letter-spacing:2px; text-align:left; margin-bottom:30px;}
.zxjz ul li { float:left; margin-right:40px;}
.zxjz ul li a{}
.zxjz ul li a img{ width:270px; padding-bottom:7px;}
.zxjz ul li a h2{ font-size:18px; color:#2e2e2f; letter-spacing:2px; text-align:center; padding-bottom:5px;}
.zxjz ul li a p{ font-size:14px; color:#666; letter-spacing:1px; text-align:center;}
.zx-tab-nav a{ width:25%;}
.zx-left{ margin-right:40px;}
.zx-right{ margin-top:33px; width:235px;}
.zx-right .news-case ul li img{width:100px; margin-right:5px;}
.zx-right .news-case-title{ width:205px; margin:0 auto 10px; border-bottom:1px solid #b2b2b2; padding:10px 0 8px;}
.zx-right .news-case-title h1{ font-size:18px; display:inline-block; padding-right:30px;}
.zx-right .news-casetxt{width:100px;}
.zx-right .news-casetxt h1{ font-size:14px; width:100px;  display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.zx-right .news-casetxt p{ font-size:12px; width:100px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding:4px 0;}
.zx-right .news-casetxt a{ display:block; width:60px; font-size:12px; background:#b1080d; color:#fff; height:24px; line-height:24px; text-align:center; border-radius:3px;}

/* 分页-设计师案例详情 */
.sjs1-top{ width:100%; height:220px; background:url(images/sjs-case2-bg.jpg) no-repeat; padding-top:40px;}
.sjs1-top-txt{ width:600px;}
.sjs1-top-txt img { width:180px; float:left; padding:0 50px 0 0; }
.sjs1-toptxt{ float:left; color:#fff;}
.sjs1-toptxt h1,.sjs1-toptxt h2{ font-size:18px; letter-spacing:1px;}
.sjs1-toptxt h3{ font-size:14px; font-weight:normal; letter-spacing:1px;}
.sjs1-toptxt p{ font-size:14px; margin-bottom:3px; letter-spacing:1px;}
.sjs1-toptxt a{ display:block; width:80px; height:35px; background:#b1080d; text-align:center; line-height:35px; color:#fff; border-radius:5px; font-size:12px; letter-spacing:1px;}
.sjs-2-body{ background-color:#eeeeee; background-repeat:no-repeat, repeat;}
.sjs-2-box,.sjs-2-main{width:1200px; margin:0 auto;}
.sjs-2-main{ padding-top:80px; padding-bottom:50px;}


.sjs-2-left{ width:827px; background:#FFF; float:right;}

.sjs-2-left-sjscase{ width:240px; background:#fff; border:1px solid #e9e9e9; margin-bottom:30px; float:left;  padding-right:3px;}
.sjs-2-left-sjscase img{ width:240px; height:143px;}
.sjs-2-left-sjscase p{ color:#666; letter-spacing:1px; padding:15px 0 15px 15px;}
.sjs-2-left-main{ width:738px; margin:0 auto;}
.sjs-2-left-main h1{ color:#666; font-size:18px; letter-spacing:1px; margin:20px 0 8px 0; }
.sjs-2-left-main h1 a{ color:#666;}
.sjs-2-left-main h2{ height:1px; background:#999; width:738px; margin:0 auto 30px auto;}

.sjs-2-right{ width:260px; background:#FFF; float:left; margin:80px 50px 0 0;}

.sjs-2-right-sjss{ width:255px; margin:0 auto;}
.sjs-2-right-sjss h1{ color:#300; font-size:20px; margin-left:10px; padding:20px 0 10px 0;}
.sjs-2-right-sjss p{ background:url(images/icon1_47.jpg) no-repeat center left; padding-left:20px; padding-top:3px; margin-left:10px; border-top: 1px #999 dashed; color:#000; font-size:14px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:210px; margin-bottom:18px; }

.sjs-2-right-img{  padding:0 0 10px 0; background:#eee;}

.sjs-2-right-form{width:237px; margin:0px auto; padding-bottom:40px; padding-top:20px;}
.sjs-2-right-form-main{ padding:0 14px; text-align:center;}

.sjs-2-right-form-main h1{ color:#333; font-size:14px; margin-bottom:20px; font-weight:bold;}
.sjs-2-right-form-main p{ font-size:16px; width:209px;  padding:10px 0px 10px 0px; background:#FFF; margin-bottom:15px; margin-left:0px;}
.sjs-2-right-form-txt{ border:1px #999 solid; padding:10px 8px; width:180px; text-align:center; letter-spacing:1px; margin-bottom:10px; color:#999;}
.sjs-2-right-form-sub{ width:200px; height:40px; font-size:16px; background:#43b172; letter-spacing:1px; color:#fff; border-radius: 10px; }

/* 分页-体验馆 */
.taste-icon ul{ margin-left:45px;}
.taste-icon ul li{ float:left; margin-right:100px;}
.taste-icon ul li p{ text-align:center; font-size:16px; margin-bottom:10px; letter-spacing:1px;}
.taste-icon ul li img{ width:200px; height:200px; margin-bottom:25px;}

.taste-city{ width:1200px; border:1px solid #ccc; margin:50px auto; overflow:hidden; }
.taste-city a{ display:block; float:left; width: 92px; text-align:center; line-height:50px; font-size:14px; }
.taste-taste{ height:50px; background:#eeeeef;}
.taste-taste h1{ font-size:20px; line-height:50px; letter-spacing:2px; color:#2e2e2f; padding-left:20px; border-left:3px solid #5ba997;}

.taste-main{ border:1px solid #ccc; margin:30px auto 50px; overflow:hidden;}
.taste-main ul { width:93%; margin:20px auto;}
.taste-main ul li{ width:46%; border:1px solid #ccc; padding:15px; float:left; margin:0 10px 20px 0;}
.taste-main .taste-mainli2{ margin-right:0;}
.taste-main ul li img{ float:left; width:250px; height:240px; margin-right:15px;}
.taste-maintxt{ float:left; margin-top:15px; width:245px; }
.taste-maintxt h1{ font-size:20px; letter-spacing:1px; margin-bottom:24px; color:#2e2e2f; overflow:hidden; width:235px;}
.taste-maintxt .fa-map-marker{ font-size:26px; color:#b1080d; padding-right:5px;}
.taste-maintxt p{ font-size:16px; margin-bottom:5px; color:#2e2e2f;}
.taste-maintxt span{ display:inline-block; margin-top:25px; width:65px; height:30px; background:url(images/taste-phone.png) no-repeat; background-size:65px 30px; }
.taste-maintxt a{ display:block;  margin-top:20px; padding:10px 10px; background-color:#b1080d; width:100px; border-radius:5px; color:#fff; float:right; margin-right:10px; text-align:center;  }


.taste-mapbox{ width:100%; background:#5ba997; overflow:hidden; margin-top:40px;}
.taste-map{height:696px; background:url(images/taste-map.png) no-repeat center; background-size:63%; position:relative; }
.taste-map a{ position:absolute; background:url(images/taste-map2.png) no-repeat; display:block; width:37px; height:55px; background-size:37px 55px; text-align:center; line-height:35px; color:#fff; font-size:12px; letter-spacing:1px;}
.taste-map a:hover{background:url(images/taste-map1.png) no-repeat;  width:37px; height:55px; background-size:37px 55px;}
.taste-map .hlj{left: 888px;top: 98px; line-height: 16px; padding-top: 6px;}
.taste-map .jl{left: 886px; top: 160px;}
.taste-map .ln{left: 850px; top: 206px;}
.taste-map .bj{ left:756px; top:230px;}
.taste-map .tj{ left:780px; top:242px;}
.taste-map .shx{ left:710px; top:290px;}
.taste-map .heb{ left:750px; top:280px;}
.taste-map .sd{ left:795px; top:298px;}
.taste-map .js{ left:830px; top:330px;}
.taste-map .sh{ left:857px; top:367px;}
.taste-map .zj{ left:837px; top:420px;}
.taste-map .ah{ left:795px; top:378px;}
.taste-map .hen{ left:740px; top:345px;}
.taste-map .sx{ left:665px; top:345px;}
.taste-map .hub{ left:730px; top:400px;}
.taste-map .jx{ left:780px; top:440px;}
.taste-map .fj{ left:820px; top:480px;}
.taste-map .gd{ left:760px; top:510px;}
.taste-map .hun{ left:720px; top:460px;}
.taste-map .cq{ left:665px; top:410px;}
.taste-map .sc{ left:590px; top:410px;}
.taste-map .qh{ left: 502px; top: 336px;}
.taste-map .gu{ left: 610px; top: 336px;}
.taste-map .gx{left:680px; top:530px;}
.taste-map .gz{left:656px; top:475px;}
.taste-map .yn{left:576px; top:525px;}
.taste-map .hn{left:706px; top:596px;}

.taste-city-on{ color:#5ba997;}

/* 分页-设计师 */
.sjs_1_sjs{ width:192px; margin: 15px 15px 15px 28px; float:left; border:1px solid #ccc; }
.sjs_1_sjsimg,.sjs_1_sjsimg img{ width:192px; height:200px; position:relative;}
.sjs_1_sjsimg span,.sjs_1_sjsimg b{ position:absolute; bottom:-1px;}
.sjs_1_sjsimg span{ left:0;}
.sjs_1_sjsimg span,.sjs_1_sjsimg b{ width:48%; height:10%; text-align:center;}
.sjs_1_sjsimg span a,.sjs_1_sjsimg b a{ display:block; font-size:13px; line-height:25px; color:#000; background:#fff; font-weight:normal;}
.sjs_1_sjsimg span a:hover,.sjs_1_sjsimg b a:hover{display:block;  color:#fff; background:#b13d3a;}
.sjs_1_sjsimg b{ right:0; }
.sjs_1_sjs_txt{ background:#fff;}
.sjs_1_sjs h2{ color:#333; font-weight:bolder; font-size:16px; font-family:"华文细黑"; padding: 5px 0 5px 15px;}
.sjs_1_sjs h3{ height:2px; background:#be6561; width:80px;  margin-left:15px; margin-bottom:5px;}
.sjs_1_sjs p{ font-size:14px; padding-left:15px; color:#666; line-height:22px;}


/*案例详情*/
.showimg a{ display:block; width:35px; height:35px; position:absolute; top:20px; right:150px; z-index:1002;}
.case-2-body{ background-image:url(images/258.jpg); background-color:#FFF; background-repeat:no-repeat, repeat;}
.case-2-box,.case-2-main{width:1200px; margin:0 auto;}
.case-2-top{padding:60px 0 60px 0;}
.case-2-top p{ height:91px; background:url(images/case-2-icon1.png) center left no-repeat; line-height:91px; padding-left:110px; font-size:24px; color:#201513; letter-spacing:1px; width:260px; 
margin:0 auto;}
.case-2-left{ width:827px; background:#FFF; float:left; margin-right:50px;}
.case-2-left p{ padding:10px; line-height:24px; font-size:15px; letter-spacing:1px;}
.case-2-left-main img{max-width:700px;margin:0 auto}
.case-2-left-main{ width:738px; margin:0 auto;}
.case-2-left-img{ padding-bottom:40px;}
.case-2-left-img h1{border: 1px #999 solid; width:38px; margin:0 auto;  height:38px; line-height: 38px; text-align:center; font-size:16px;}
.case-2-right{ width:260px; background:#FFF; float:left;margin-top:78px;}
.case-2-right-form{width:237px; margin:20px auto; padding:30px 0; background:#ea4f23; border-radius: 10px;}
.case-2-right-form-main{ padding:0 14px; text-align:center;}
.case-2-right-form-main h1{ color:#FFF; margin-bottom:20px;}
.case-2-right-form-main p{ font-size:16px; width:209px;  padding:10px 0px 10px 0px; background:#FFF; margin-bottom:15px; margin-left:0px;}
.case-2-right-form-city{ width:210px; padding:6px 5px; margin-bottom:15px;}
.case-2-right-form-text{ width:200px; padding:6px 5px; color:#999; margin-bottom:15px;}
.case-2-right-form-st{ width:104px; float:left; margin-bottom:15px; padding:6px 4px;}
.case-2-right-form-cwt{ width:69px; float:left; margin-bottom:15px; padding:6px 4px; font-size:12px;}
.case-2-right-form-sub{ width:210px; height:40px; font-size:16px; background:#fff001; letter-spacing:1px;}
.case-2-box-link{ margin-bottom:40px;}
.case-2-box-link p{ margin-bottom:15px;}
.case-2-box-link p a{ font-size:16px; margin-left:40px;}

/*分页-新闻内页*/
.new-2-body{ background-color:#eeeeee; background-repeat:no-repeat, repeat;}
.new-2-box,.new-2-main{width:1200px; margin:0 auto;}
.new-2-main{ padding-top:80px; padding-bottom:50px;}
.new-2-top{padding:60px 0 60px 0;}
.new-2-top p{ height:91px; background:url(images/new-2-icon1.png) center left no-repeat; line-height:91px; padding-left:110px; font-size:24px; color:#201513; letter-spacing:1px; width:260px; 
margin:0 auto;}
.new-2-left{ width:827px; background:#FFF; float:left; margin-right:50px;}
.new-2-left p{ padding:10px;line-height:24px; font-size:15px; letter-spacing:1px; /* text-align:center; */}
 .new-2-left-main img{max-width:700px;margin:0 auto}
.new-2-left b{ height:20px; width:100%; /* display:block; */}
.new_2_left_img{ width:528px; margin:0 auto; padding:20px 0 60px 0;}
.new-2-left-main{ width:738px; margin:0 auto;}
.new-2-left-main h1{ text-align:center; padding:40px 0 60px; letter-spacing:2px;}

.new-2-right{ width:260px; background:#FFF; float:left;}

.new-2-right-news{ width:255px; margin:0 auto;}
.new-2-right-news h1{ color:#300; font-size:20px; margin-left:10px; padding:20px 0 10px 0;}
.new-2-right-news p{ background:url(images/icon1_47.jpg) no-repeat center left; padding-left:20px; padding-top:3px; margin-left:10px; border-top: 1px #999 dashed; color:#000; font-size:14px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:210px; margin-bottom:18px; }

.new-2-right-img{  padding:10px 0; background:#eee;}

.new-2-right-form{width:237px; margin:0px auto; padding-bottom:40px; padding-top:20px; background:#fff;}
.new-2-right-form-main{ padding:0 14px; text-align:center;}

.new-2-right-form-main h1{ color:#333; font-size:14px; margin-bottom:20px; font-weight:bold;}
.new-2-right-form-main p{ font-size:16px; width:209px;  padding:10px 0px 10px 0px; background:#FFF; margin-bottom:15px; margin-left:0px;}
.new-2-right-form-txt{ border:1px #999 solid; padding:10px 8px; width:180px; text-align:center; letter-spacing:1px; margin-bottom:10px; color:#999;}
.new-2-right-form-sub{ width:200px; height:40px; font-size:16px; background:#43b172; letter-spacing:1px; color:#fff; border-radius: 10px; }

/* 新闻内页-end */

.news-mt{ width:925px !important; margin:0 auto;}

/* 3分钟读懂装修到底要花多少钱 */

	/* TAB导航部分 */
.main-nav{ width:100%; background:#e9e8e7; height:130px; box-shadow:0 2px 8px 6px rgba(0,0,0,0.3); position:relative; z-index:1000;}
.nav-li a{ width:100%; float:left; text-align:center; line-height:130px; background-color:#fff; position:relative; color:#423b3a; font-size:17px; letter-spacing:1px;}
.nav-li{ width:33%; float:left;  text-align:center;}
.nav-li1,.nav-li2{ margin-right:0.4%;}
.nav-li a p{ width:70px; height:70px; display:inline-block; vertical-align:middle; margin-right:10px;}
.nav-li1 a p{ background:url(images/1.6.png) no-repeat center; background-size:100%;}
.nav-li2 a p{ background:url(images/1.2.png) no-repeat center; background-size:100%;}
.nav-li3 a p{ background:url(images/1.3.png) no-repeat center; background-size:100%;}
.nav-li a:hover{ color:#fff;  background:#ffba00;}
.nav-li1 a:hover p{ background:url(images/1.1.png) no-repeat center; background-size:100%;}
.nav-li2 a:hover p{ background:url(images/1.5.png) no-repeat center; background-size:100%;}
.nav-li3 a:hover p{ background:url(images/1.4.png) no-repeat center; background-size:100%;}
.main-nav li:hover{ background:#ffba00;}
	/*  */
#content1 .banner{ position:relative; top:0;}

.three-a a{ display:block; width:40%; border-radius:40px; margin:20px auto; text-align:center; height:60px; line-height:60px; background:#ffba00; color:#423b3a; font-size:24px; letter-spacing:2px; font-weight:bold; padding:5px 20px;}
	/*  */
.time{ width:100%; background:#f2f2f2; padding-bottom:40px;}
	/*  */
.six{ width:100%; background:#fff;}
.six-tit{ display:block; width:454px; margin:0 auto;}
.six-img{background:url(images/six-h.jpg) no-repeat center 20px; width: 600px; height: 500px; float: left;}
.six-tab{margin-top: 20px; margin-left: 20px; float: left; width:580px; height: 570px; background:url(images/3.1.png) no-repeat 30px 40px; background-size:30%;}
.six-tab-nav{ float:left;}
.six-tab a{font-family: "Microsoft Yahei"; display: block; line-height: 55px;  height: 57px; overflow: hidden; margin-bottom: 28px;}
.six-tab a span{display: block; float: left; text-align: center; font-weight: bold; color: #fff; background: #98c7f1; box-shadow: 2px 2px 1px rgba(0,0,0,.3); width: 55px;  height: 55px;   border-radius: 50px; font-size: 26px;}
.six-tab a em { display: block;  float: left; margin-left: 10px; font-size: 18px; font-weight: bold; color: #5996cd; letter-spacing:1px;}
.six-tab a:nth-of-type(1) { margin-left: 100px;}
.six-tab a:nth-of-type(2) { margin-left: 150px;}
.six-tab a:nth-of-type(3) { margin-left: 175px;}
.six-tab a:nth-of-type(4) { margin-left: 150px;}
.six-tab a:nth-of-type(5) { margin-left: 100px;}
.six-tab a.current span{ background:#5996cd;}
.six-tab .tab-con .j-tab-con { position: relative;  float: left;}
.six-tab .tab-con-item { background:url(images/kuang.png) no-repeat;  width: 248px; height: 107px; position: absolute; padding: 10px 10px 10px 25px; color: #fff; line-height: 21px;}
.six-tab .tt1 { top: -32px; left: -50px;}
.six-tab .tt2 { top:50px; left: -10px;}
.six-tab .tt3 { top:135px; left: 20px;}
.six-tab .tt4 { top:220px; left: 10px;}
.six-tab .tt5 { top:310px; left:-20px;}
.six-tab .tt6 { top:390px; left:-120px;}
#tt2,#tt3,#tt4,#tt5,#tt6{ display: none; }

.ways{ width:100%; background:#f2f2f2; padding-bottom:40px;}

.bottom1{ width:100%; background:#8b8b8c;}
.bottom1 .mywid{ width:800px; padding:50px 0 130px 30px; }
.bottom1 .mywid img{ width:230px; float:left; margin-right:15px; padding-top:5px;}
.bottom1 .mywid h3{ width:3px; height:73px; background:#fff; float:left; margin:10px 50px 0;}
.bot-date { float:left; margin-top:5px; width:400px;}
.bot-date:before{ content:'免费咨询客服'; display:inline-block; width:40px; font-size:18px; float:left; color:#fff; margin-right:40px; padding-top:5px;}
.bot-date p{  color:#fff; font-size:20px; letter-spacing:3px; padding-top:10px;}
.bot-date h1{ color:#fff; font-size:32px; letter-spacing:2px;}

/* content2 */
#content2 .banner{ position:relative; top:0;}
#content2 .mywid2{ width:1200px; height:200px; position:absolute; left:50%; margin-left:-600px; top:0;}
.ten-tab{ width:350px; background:rgba(255,255,255,0.9); position:absolute; z-index:10; top:0; right:0; padding-bottom:24px;}
.ten-tab h1{ font-size:24px; padding:30px 0 30px; text-align:center; letter-spacing:2px; color:#2e2e2f;}
.ten-tab-nav{ width:90%; margin:0 auto;}
.ten-tab-nav a{ display:block; width:50%; float:left; text-align:center; border-bottom:2px solid #2e2e2f; padding:10px 0 10px; color:#2e2e2f; font-size:16px; margin-bottom:15px;}
.ten-tab-nav a:hover{ color:#e61e1e; border-bottom:2px solid #e61e1e;}
.ten-tab-cont{ width:90%; margin:0 auto;}
.ten-tab-content form input{ border:none; background:none;}
.ten-tab-content form p{ border:1px solid #d9d9d9; border-radius:10px; height:25px; padding:10px 15px; color:#2e2e2f; font-size:16px; line-height:25px; margin-bottom:15px;}
.ten-tab-content form p span{ border-right:1px solid #2e2e2f; padding-right:10px;}
.ten-tab-content form p em{ color:#999; text-align:right;}
.ten-tab-content form p input{ width:180px;}
.ten-tab-content form p select{ border:none; width:220px; text-align:center; font-size:16px;}
.ten-tab-content form p select option{ text-align:center;}
.ten-tab-content input[type="submit"]{ width:100%; margin:0 auto; height:50px; border-radius:10px; background:#faaf3f; color:#fff; font-size:16px; letter-spacing:2px; font-weight:bold;}
.ten-tab-content h2{ text-align:center; padding:10px 0 15px;}
.ten-tab-content h2 b{ color:#ed6245;}
.ten-roll-top{ width:300px; margin:0 auto; color:#333;}
.ten-bd{ height:196px; overflow:hidden;}
.ten-bd ul li{ margin-bottom:2%; width:300px; text-align:center; overflow:hidden;}
.ten-bd ul li a p{ color:#362e2d; font-size:12px; line-height:22px; letter-spacing:1px;}

.ten-seven{ margin:50px auto; height:200px;}
.ten-seven-li{ margin-right:40px;}
.ten-seven-li p{ color:#2e2e2f; font-size:16px; letter-spacing:1px; border-bottom:1px solid #2e2e2f; border-top:1px solid #2e2e2f; padding:5px 15px;}
.ten-seven li:last-child { margin-right:0;}
.seven1{ background:url(images/ten-seven1.png) no-repeat top center; background-size:130px 143px; padding-top:150px;}
.seven2{  background:url(images/ten-seven2.png) no-repeat top center; background-size:130px 143px; padding-top:150px;}
.seven3{  background:url(images/ten-seven3.png) no-repeat top center; background-size:130px 143px; padding-top:150px;}
.seven4{   background:url(images/ten-seven4.png) no-repeat top center; background-size:130px 143px; padding-top:150px;}
.seven5{  background:url(images/ten-seven5.png) no-repeat top center; background-size:130px 143px; padding-top:150px;}
.seven6{  background:url(images/ten-seven6.png) no-repeat top center; background-size:130px 143px; padding-top:150px;}
.seven7{  background:url(images/ten-seven7.png) no-repeat top center; background-size:130px 143px; padding-top:150px;}


/* CSS Document */

.bigbox{ margin:0 auto; width:100%;}
.bigbox img{ width:100%; display:block; min-width:1200px; margin:0 auto;}
.header .brand{ width:70%; margin:0 auto; height:255px;}
<!--品牌优势 -->
.youshi{width:100%; margin:0 auto;}
.youshi ul{width:100%; margin:0 auto;}
.table{margin:0 auto; text-align:center; width:1300px; background:#CC6; height:400px;padding-top:50px; background:#fefefe;}
#one, #two, #three, #four{ width:280px; height:328px;margin-left:35px; box-shadow:10px 10px 5px #efefef; }
#one{ background:url(images/img_4_1.jpg) no-repeat;  }
#two{  background:url(images/img_4_2.jpg) no-repeat; }
#three{  background:url(images/img_4_3.jpg) no-repeat;  }
#four{  background:url(images/img_4_4.jpg) no-repeat; }
#one:hover{ background:url(images/img_04_1.jpg) no-repeat;}
#two:hover{ background:url(images/img_04_2.jpg) no-repeat;}
#three:hover{ background:url(images/img_04_3.jpg) no-repeat;}
#four:hover{ background:url(images/img_04_4.jpg) no-repeat;}

<!--可视化 -->
.keshihua{ width:100%; margin:0 auto; }
.keshihua .kp{ width:1200px; margin:0 auto; }
.keshihua .kp .kp_p{width:560px; height:150px; margin:0 auto; text-align:center; }
.keshihua p{ text-align:center; color:#737373; font-size:15px; margin-top:5px; }
.keshihua ul{ width:100%; margin:0 auto;margin-bottom:30px; }
.keshihua_top, .keshihua_bottom { width:208px; height:395px;margin-left:35px; float:left; }
.keshihua_bottom{ padding-top:5%;}
#five, #six, #seven, #eight, #nine{ display:block;width:208px; height:319px;}
#five{ background:url(images/img_12_01.jpg) no-repeat;}
#six{ background:url(images/img_12_02.jpg) no-repeat;}
#seven{ background:url(images/img_12_03.jpg) no-repeat;}
#eight{ background:url(images/img_12_04.jpg) no-repeat;}
#nine{ background:url(images/img_12_05.jpg) no-repeat;}
.keshihua_top p, .keshihua_bottom p{ text-align:center; margin-top:0px;}
.sp{ height:72px; width:203px; border: solid 2px #247f53; margin-top:299px; padding-top:12px; color:#262626;}

.layui-layer-shade{background:none !important}
/* VR */
.vr-topa p{ font-size:20px; line-height:80px;}
.vr-top-ss{ width:100%; background:url(images/VR-banner.png) no-repeat; height:168px;}
.vr-top-ss ul li img{ width:80px; height:80px; border-radius:50%;}
.vr-top-ss ul li{ width:80px; margin-right:27px; }
.vr-top-ss ul li p{ color:#fff; text-align:center;}
.vr-top-ss ul{ padding-top:30px;}
.vr-bg{ background:#eeeeee; width:100%; padding-bottom:30px;}
.vr-adv{ padding:40px 0;}
.vr-adv a img{ width:550px; height:244px; float:left;}
.vr-adv div{ width:100px; height:1px;  float:left;}
.vr-sx{ width:1000px; margin:0 auto; padding-bottom:60px;}
.vr-sx-a{ width:300px; border:1px solid #8B8B8B; padding:5px; float:left;}
.vr-sx-a img{ width:55px; height:55px; display:block; margin:0 auto;}
.vr-sx-a p{ text-align:center; padding:10px 0; color:#6ab185; letter-spacing:1px; font-size:16px;}
.vr-sx-a div{ width:280px; margin:0 auto;}
.vr-sx-a a{ letter-spacing:1px; padding:10px 4px 0px 0; display:inline-block; font-size:14px;}
.vr-sx-a a:hover{ color:#6ab185; text-decoration:underline;}
.vr-a1{ margin-right:30px;}
.vr-sx-li{ width:585px; float:left; background:#fff; margin-bottom:30px; box-shadow:2px 2px 5px rgba(0,0,0,0.5);}
.vr-sx-li a img{ width:550px; height:244px; display:block; margin:0 auto; padding:10px 0;}
.vr-sx-li a p b{ padding-right:20px;}
.vr-sx-li a p{ font-size:16px; text-align:center; letter-spacing:1px; padding-bottom:20px;}

/* 任意装 */
.ryz-banner{ position:relative;}
.ryz-form1{ width:1200px; background:#434345; border-radius:20px; position:absolute; bottom:-120px; height:167px;}
.ryz-form1 h1{ text-align:center; font-size:20px; font-weight:normal; color:#b9d33a; padding:20px 0; letter-spacing:1px;}

.ryz-form1-sub{ margin-right:0;}
.ryz-form1 .ryz-form1-sub input{ background:#b9d33a; color:#fff; font-size:18px; letter-spacing:1px; font-weight:bold; height:45px; line-height:40px; cursor:pointer;}
.ryz-mytxt{ text-align:center; margin:40px auto;}
.ryz-txttop{ margin-top:160px;}
.ryz-mytxt h1{ font-weight:normal; letter-spacing:2px; font-size:28px; padding-bottom:10px;}
.ryz-mytxt p{ font-size:14px; letter-spacing:1px; line-height:26px;}
.ryz-mytxt h2{ display:block; width:180px; height:2px; background:#b9d33a; margin:0 auto; position:relative; top:-2px;}
.ryz-mytxt h3{ display:block; width:445px; height:2px; background:#dddddd; margin:0 auto; margin-top:15px;}
.ryz-mytxt a img{ width:80px; height:75px; padding-top:15px;}

.instru{height:610px;}
.instru ul li{width:373px; margin-left:40px;height:270px; margin-bottom:35px; position:relative;}
.instru ul{margin-left:-40px;}
.instru ul li img{width:100%; height:100%;}
.instru ul li p{width:300px; height:170px; background:rgba(255,255,255,0.7); transition:.5s; position:absolute; left:35px; top:50px; text-align:center;}
.instru ul li p strong{font-size:26px; color:#595757; margin-top:30px; display:block; letter-spacing:2px;}
.instru ul li p span{font-size:14px; font-family:"黑体"; font-weight:bold; color:#595757; letter-spacing:3px; margin-top:20px; display:block; font-family:"微软雅黑"; padding-left:20px; padding-right:20px;}
.instru ul li:hover p{width:100%; height:100%; left:0px; top:0px;} 
.instru ul li:hover p strong{margin-top:80px;}

.style-bg{ width: 100%; background:#eee ; overflow: hidden;}
.style{ height:400px;}
.style_le{width:350px; height:100%; float:left; padding-left: 35px;}
.style_le h5{ float:left;}
.style_le h5 img{float:left; margin-top:40px;} 
.style_le h4{font-size:20px; color:#b1080d; letter-spacing:4px; margin-top:20px; float:left;}
.style_le h3 span{width:40px; height:7px; background:#b1080d; display:block; float:left; }
.style_le h3{float:left; width:100%; margin-top:30px;}
.style_le ul{ width:320px; height:200px; float:left; margin-top:30px; margin-left:-10px;} 
.style_le ul li{width:90px; height:90px; margin-left:15px; float:left; margin-bottom:15px; transition:.5s; text-align:center; line-height:90px; font-size:18px; color:#fff;}
.style_le ul li a{color:#fff; display:block;}
.style_le ul li.style-li1{background:#e4d946;}
.style_le ul li.style-li2{background:#ea5e3d;}
.style_le ul li.style-li3{background:#c6d4df;}
.style_le ul li.style-li4{background:#f7cf78;}
.style_le ul li.style-li5{background:#6bb4a9;}
.style_le ul li.style-li6{background:#98aab4;}
.style_le ul li.style-li7{background:#ede4df;}
.style_le ul li.style-li8{background:#dcc488;}
.style_le ul li.style-li9{background:#97c17f;}
.style_le ul li:hover{ border-radius:50%;}

.style_rt{width:800px; height:400px; float:right;}
.style_rt ul{ width:720px; height:360px;float:right; margin-top:20px;}
.style_rt ul li{width:230px; height:150px; border-bottom:10px; float:left; background:#09C; margin-left:10px; margin-bottom:10px; overflow:hidden;}
.style_rt ul li img{width:100%; height:100%; transition:.8s;}
.style_rt ul li:hover img{transform:scale(1.2,1.2);}

.ryz-list{ width:99%; margin:0 auto; position:relative;}
.listbox{ position:absolute; z-index:1000; width:100%;}
.ryz-list .list_list{width:100%; height:108px; background-color:rgba(0,0,0,0.5); border-left:none; float:left;}
.ryz-list .list_list ul li{width:16.2%; height:100%; float:none; display:inline-block; cursor:pointer;}
.ryz-list .list_list ul li a{ display:block; width:100%; color:#fff; font-size:16px; padding-bottom: 11px;}
.ryz-list .list_list ul{width:100%; text-align:center;}
.ryz-list .list_list ul li h4{ height:55px;  text-align:center;}
.ryz-list .list_list ul li p{ color:#fff; font-size:16px; margin-top:1px; display:inline-block;}
.ryz-list .list_list ul li h4 span{display:inline-block; vertical-align:bottom}
.ryz-list .list_col{ width:100%; float:left; display:none; margin:0px auto; position: relative;}
.ryz-list .list_col img{ width:100%; height:720px ;}
.ryz-list .show{display:block; width:100%; overflow:hidden;}
.ryz-list .list_list ul li a:hover{ background:#bad33d;}

.list-txt{ width: 100%; height: 390px; background: rgba(0,0,0,0.3); position: absolute; bottom: 3px;}
.list-txt ul{}
.list-txt ul li{ float: left; width: 200px; height: 720px;}
.list-bz{ width: 600px !important;}
.list-txt h1{ color: #fff; height: 78px; line-height: 78px; text-align: left; letter-spacing: 2px;}
.list-txt p{ color: #fff; display: block; height: 55px; text-align: left; letter-spacing: 2px;}
.list_col a{ display: block; position: absolute;; bottom: 0px; left: 48%;}
.list_col a img{ height: 33px !important;}

.ryz-banner-r{ width:995px; height:653px; margin:0 auto; position:relative;}
.ryz-banner-r ul li{ position:absolute; left:0; top:0}
.ryz-banner-r #ryz_prev{ position:absolute; background:url(images/icon-slides.png) -83px 0; width:41px; height:69px; left:0; top:50%; margin-top:-35px;}
.ryz-banner-r #ryz_prev:hover{ background:url(images/icon-slides.png)}
.ryz-banner-r #ryz_next{ position:absolute; background:url(images/icon-slides.png) right 0; width:41px; height:69px; right:0; top:50%; margin-top:-35px;}
.ryz-banner-r #ryz_next:hover{ background:url(images/icon-slides.png) -41px 0;}
.ryz-banner-r #ryznum{ position:absolute; right:405px; bottom:25px;}
.ryz-banner-r #ryznum span{ width:35px; height:10px; background:#ccc; display:inline-block; text-align:center; line-height:25px; color:#FFF; cursor:pointer}
.ryz-banner-r #ryznum span.on,.ryz-banner-r #ryznum span:hover{ background:#F60;}

.ryz-hr{ width:100%; height:70px; background:#4a4746;}
.ryz-hr2{ width:100%; height:10px; background:#bad33c; margin: 30px auto;}

.ryz-video{}
.ryz-video a{ display:inline-block; width:365px; box-shadow:2px 2px 20px rgba(0,0,0,0.3); padding-bottom:10px; position:relative; overflow:hidden;}
.ryz-video a img{ width:365px; height:488px;  margin-bottom:10px;}
.ryz-video a p{ text-align:center; line-height:32px; font-size:16px; letter-spacing:1px;}
.ryz-video-a{ margin-right:40px;}
.ryz-video-hover{ position:absolute; display:table; width:365px; height:488px; background:rgba(0,0,0,0.3); top:-100%;-ms-transition-property: top; -webkit-transition-property: top; -moz-transition-property: top;  transition-property: top; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.ryz-video-hover .fa-play-circle-o{ font-size:130px; display:table-cell; text-align:center; vertical-align:middle; color:#fff;}
.ryz-video a:hover .ryz-video-hover{ top:0;}

.ryz-5s-bg{ width:100%; background:#eeeeee; padding-bottom:40px;}
.ryz-5s-bg .ryz-mytxt{ padding:40px 0; }
.ryz-5s ul li img{ width:205px;}
.ryz-5s-li{ position:relative; cursor:pointer; overflow:hidden;}
.ryz-5s .ryz-5s-1{ position:relative; margin-right:30px;}
.ryz-5s .ryz-5s-2{ margin-right:20px;}
.ryz-5s .ryz-5s-1 img{ width:270px;} 
.ryz-5s-hover{ width:100%; background:rgba(0,0,0,0.3); height:500px; text-align:center; color:#fff; position:absolute; top:0; left:0;-ms-transition-property: top; -webkit-transition-property: top; -moz-transition-property: top;  transition-property: top; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.ryz-5s-hover h1{ font-weight:normal; font-size:32px; padding:155px 0 10px;}
.ryz-5s-hover p{ line-height:32px; width:95%;}
.ryz-5s-hover h2{ font-size:18px; font-weight:normal; letter-spacing:1px; border:1px solid #fff; width:100px; margin:20px auto; padding:8px 10px;}
.ryz-5s-hover h3{  font-size:18px; font-weight:normal; letter-spacing:1px; border:1px solid #fff; width:150px; margin:90px auto 130px; padding:8px 10px;}
.ryz-5s-li a:hover .ryz-5s-hover{ top:0;}

.ryz-map{ width:100%; background:#404042; position:relative;}
.ryz-map img{ display:block; width:1200px; margin:0 auto; padding:50px 0;}

.ryz-form2{ width:1200px; background:#bad33d; border-radius:20px; position:absolute; bottom:-120px; height:167px;}
.ryz-form2 h1{ text-align:center; font-size:20px; font-weight:normal; color:#404042; padding:20px 0; letter-spacing:1px;}
.ryz-form2 img{ width:78px; float:left; padding:0 60px 0 70px;}
.ryz-form2 .divs{ float:left; margin-right:30px;}
.ryz-form2 .divs p{color:#404042; font-size:18px; font-weight:bold;}
.ryz-form2 .divs input{ width:210px; height:35px; border-radius:5px; margin:5px 0 25px 0; font-size:14px; padding:5px; line-height:35px;}
.ryz-form2-sub{ margin-right:0;}
.ryz-form2 .ryz-form2-sub input{ background:#404042; color:#fff; font-size:18px; letter-spacing:1px; font-weight:bold; height:45px; line-height:40px; cursor:pointer;}

.ryz-hide-bg{ width:100%; background:#bad33d; height:850px; overflow:hidden; display:none;}
.ryz-hide ul{ margin-top:95px;}
.ryz-hide ul li{ background:#fff; width:290px; height:330px; margin:0 12px 15px 0;}
.ryz-hide ul li img{ width:53px; height:56px; display:block; margin:30px auto 20px;}
.ryz-hide ul li h3{ width:100px; height:2px; display:block; background:#bad33d; margin:0 auto 15px;}
.ryz-hide ul li h2{ text-align:center; letter-spacing:1px; font-size:22px; color:#464543;}
.ryz-hide ul li p{ width:85%; margin:45px auto 0; color:#464543;}
.ryz-hide-lino{ margin-right:0 !important;}

.ryz-gj{ width:100%; background:url(images/ryz-gj-bg.jpg) no-repeat;}
.ryz-gj .ryz-mytxt{ padding:80px 0 40px;}
.ryz-gj ul{ padding-bottom:50px;}
.ryz-gj ul li{ width:290px; height:330px; background:#eee; margin-right:11px;}
.ryz-gj ul li img{ width:174px; height:174px; margin:40px auto 15px; display:block; }
.ryz-gj ul li p{ text-align:center; color:#4c4a4b; line-height:32px;}

/* 苹果装饰品牌 */
.a-brand-txt1{ width: 100%; background: #f7f7f7; overflow: hidden; margin-bottom: 40px;}
.b-introduce h1{color: #027a43; font-weight: normal; font-size: 48px; letter-spacing: 6px; padding: 40px 0 20px;}
.b-introduce h2{ color: #027a43; letter-spacing: 2px;}
.b-introduce{ padding: 10px 0 40px;}
.b-introduce h5{ color: #027a43; padding: 2px 0 10px; font-weight: normal;}
.b-introduce h6{ display: block; width: 50px; height: 3px; background: #027a43; margin-bottom: 20px;}
.b-introduce p{ font-size: 14px; margin-bottom: 5px; line-height: 22px}
   /*品牌优势*/
.b-merit{}
.b-merit h1{ color: #027a43; font-size: 48px; font-weight: normal; letter-spacing: 6px; text-align: center;}
.b-merit h3{ width: 400px; display: block; height: 1px; margin: 15px auto 55px; background:#027a43 ; position: relative;}
.b-merit h3 i{ display: block; position: absolute; top: -5px; background: #fff; left: 180px; color: #027a43; padding: 0 10px; font-size: 12px;	}
.b-merit .b-merit-li{ width: 280px; height: 305px; background: #fff; border-top: 5px solid #5baa97; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); margin-right: 26px; margin-bottom: 80px;}
.b-merit-li img{ width: 110px; height: 110px; margin: 35px auto; display: block;}
.b-merit-li h1{ font-size: 26px; letter-spacing: 4px; color: #333; font-weight: bold; padding-bottom: 3px;}
.b-merit-li p{ text-align: center;}
.b-merit-li h3{ width: 50px; height: 4px;}
/*品牌荣誉*/
.b-honor{ margin: 80px auto 20px;}
.b-honor img{ width: 1200px;}
.b-honor-txt{float: left; width: 298px; margin: 20px 0; border-right: 2px solid #ccc; height: 150px;  padding-top: 20px;}
.b-honor-txt p{ width: 260px; text-align: center; margin: 0 auto; line-height: 22px}
.b-honor-txt2{ border-right: none;}
/*品牌实力*/
.b-mapbox{ width: 100%; background: #eee; padding: 20px 0; }
.b-mapimg{ float: left;  width: 800px;}
.b-mapimg img{ width: 800px;}
.b-maptxt{ float: right;}
.b-maptxt .b-map-city{ display: block; width: 100px; height: 100px; background: #027a43; color: #fff; font-size: 38px; padding: 10px 10px 10px 13px; text-align: center; letter-spacing: 4px; font-weight: bold; margin-bottom: 30px; position: relative; left:240px;}
.b-maptxt p{ font-size: 16px; text-align: right; margin-bottom: 5px; letter-spacing: 2px;}
.b-maptxt h1{ letter-spacing: 3px; margin-bottom: 6px; text-align: right;}
.b-maptxt-ul{ width: 375px; margin-bottom: 10px; }
.b-maptxt-ulh{ margin-top: 40px;}
.b-maptxt-li{ width: 100px;float: left; margin-right: 35px;}
.b-maptxt-li img{ width: 100px; height: 100px; margin-bottom: 8px;}
.b-maptxt-li p{ text-align: center; letter-spacing: 1px; font-size: 15px; margin-bottom: 10px; }
.b-maptxt-li2{ margin-right: 0px;}
/*品牌历史*/
.b-history{ margin-top:80px;}

/*5S*/
.b-5s{ margin-bottom: 80px;}
.b-5s h1{color: #027a43; font-size: 48px; font-weight: normal; letter-spacing: 6px; text-align: center;}
.b-5s h2{color: #027a43; text-align: center; padding: 10px 0;}
.b-5s p{ text-align: center;}

.b-5ss{}
.b-5s-li{ width: 207px; float: left; margin-right: 41px;}
.b-5s-li img{ width: 207px; height: 321px; margin-bottom: 0;}
.b-5s-li p{ display: block; width: 163px; border: 2px solid #027a43; padding: 10px 20px; margin-top:-5px; text-align: center;}
.b-5s-li3{ margin-right: 0;}
.b-5s-li2{ margin-top: 55px;}

/*金牌管家*/
.b-butler{ margin-top: 50px; width: 100%;  background: #5baa97; padding: 50px 0;}
.b-butler-ul{}
.b-butler-li{ width: 280px; height: 300px; background: #fff; overflow: hidden; float: left; margin-right: 25px;}
.b-butler-li img{ width: 100px ; height: 90px; margin: 70px auto 30px; display: block;}
.b-butler-li p{ text-align: center; color: #5baa97; font-size: 16px; margin-bottom: 5px;}
.b-butler-li2{ margin-right: 0;}


#pagelink {font-size:14px; margin-bottom:20px;line-height:25px;text-align:center;background:#fff;font-family:Arial, Helvetica, sans-serif;}
#pagelink li{margin:5px 5px; border:solid 1px #e6e6e6; 	list-style-type: none;
	display: inline;}
#pagelink .thisclass {border:none;color:#fff;background:#69b4ed;}
#pagelink li{background:#fff;padding:5px 10px;border:1px solid #e6e6e; color:#6a6a6a;height:25px;list-style:none;}

.page{width:100%; text-align:center; overflow:hidden;padding:20px 0; margin:10px auto 0 auto ; vertical-align:top; color:#333;}
.page a{padding:2px 5px;background-color:#ddd;border:1px solid #ddd; color:#333; display:inline; margin:0 1px;}
.page .up, .page .down{color:#333;}
.page .this{color:#fff; font-weight:bold; background-color:#333;border:1px solid #000;}
.page span.a{color:#333; padding:0 10px;}
.page a:hover{color:#fff;background-color:#333;border:1px solid #333;}