@charset "utf-8";
/* CSS Document */
.top-distance{margin-top:40px;}
/*banner*/
.swiper-container .swiper-slide span {height: 400px; width: 100%; min-width:1200px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-pagination-bullet-active{background:#340303; opacity:1;}
.swiper-slide a{display:inherit; height:400px; width:100%;}
/*介绍*/
.introduce{ width:100%; background-color:#eee; min-width:1200px;}
.introduce_box{width:1200px; margin:0 auto; padding:30px 0;}
.introduce_box a{display:block; width:300px; float:left;}
.introduce_box a dl{padding:0 24px;}
.introduce_box a dl dt{height:50px; line-height:50px; font-size:18px; margin-bottom:15px;}
.introduce_box a dl dt .ico_btn{background-color:#484848; width:50px; height:50px; border-radius:25px; display:inline-block; float:left; margin-right:7px;}
.introduce_box a dl dt .ht_bd i{ background-position:0px -56px; width:22px; height:30px; margin:10px 0 0 14px;}
.introduce_box a dl dt .sg_bd i{ background-position:-24px -56px; width:28px; height:30px; margin:10px 0 0 11px;}
.introduce_box a dl dt .sj_bd i{ background-position:-86px -56px; width:24px; height:28px; margin:11px 0 0 13px;}
.introduce_box a dl dt .sh_bd i{ background-position:-54px -56px; width:30px; height:30px; margin:10px 0 0 10px;}
.introduce_box a:hover .ico_btn{background-color:#8f0707;}
.introduce_box a:hover{color:#8f0707;}

/*案例展示*/
.xgt_show{margin:0 auto; width:1200px; position:relative; margin:20px auto; height:448px;}
.xgt_show a{position:absolute; display:block; overflow:hidden;}
.xgt_show a img{max-width:100%;}
.xgt_show a.xgt_title{left:0; width:201px; height:201px; text-align:center;}
.xgt_show a.xgt_title p {color:#333; font-size:26px; margin-top:70px;}
.xgt_show a.xgt_title span{ color:#999; font-size:14px;}
.xgt_show a.xgt_pic_1{top:202px; left:0; width:351px; height:246px;}
.xgt_show a.xgt_pic_2{ top:0;left:202px; width:501px; height:201px;}
.xgt_show a.xgt_pic_3{ top:202px; left:352px; width:351px; height:246px;}
.xgt_show a.xgt_pic_4{top:0; right:0; width:496px; height:448px;}
.xgt_show .xgt_footer{position:absolute; height:60px; background-color:rgba(0,0,0,.7); width:100%; left:0; bottom:-60px; transition:All 0.4s ease-in-out; padding:10px; box-sizing:border-box;}
.xgt_show a:hover .xgt_footer{bottom:0; transition:All 0.3s ease-in-out}
.xgt_show .xgt_footer p{color:#fff; font-size:16px; line-height:1;}
.xgt_show .xgt_footer .xgt_text{color:#fff; margin-top:4px;}
.xgt_show .xgt_footer ul{margin-top:7px;}
.xgt_show .xgt_footer ul li{float:left; color:#fff;}
.xgt_show .xgt_footer em{float:left; width:1px; height:12px; background-color:#fff; margin:2px 8px 0 8px;}


/*banner*/
.swiper-container{width:100%; height:400px; min-width:1200px;}
.swiper-wrapper{width:100%; height:400px; min-width:1200px;}
.swiper-wrapper .swiper-slide{width:100% !important; height:400px; min-width:1200px;}



/*流程*/
.flow{background-color:#eee; min-width:1200px; width:100%;}
.flow_box{ width:1200px; margin:0 auto; padding:20px 0;}
.big_title{width:100%; text-align:center; font-size:28px; color:#333;}
.big_title span{font-size:45px; vertical-align:-6px; margin-right:8px;}
.flow_box p{text-align:center; width:100%; color:#999; margin-top:-4px;}
.flow_box ul{margin-top:24px;}
.flow_box ul li{width:300px; height:160px; float:left; padding:10px 15px; box-sizing:border-box; transition:All 0.2s ease-in-out}
.flow_box ul li.left_one{margin-left:300px;}
.flow_box ul li:hover{background-color:#fdd900; transition:All 0.s ease-in-out}
.flow_box ul li .left{float:left; width:78px; height:78px;}
.flow_box ul li .left_one{background-position:0px -104px;}
.flow_box ul li .left_two{background-position:-80px -104px;}
.flow_box ul li .left_three{background-position:-160px -104px;}
.flow_box ul li .left_four{background-position:0px -184px;}
.flow_box ul li .left_five{background-position:-80px -184px;}
.flow_box ul li .left_six{background-position:-160px -184px;}
.flow_box ul li .left_seven{background-position:-240px -104px;}
.flow_box ul li .left_eight{background-position:-320px -104px;}
.flow_box ul li .left_night{background-position:-400px -104px;}
.flow_box ul li .left_ten{background-position:-240px -184px;}
.flow_box ul li .right{width:170px; float:right;}
.flow_box ul li .right p{text-align:left; font-size:18px; color:#333;}
.flow_box ul li .right p.right_eng{font-size:14px; margin-top:2px;}
.right_bot{border-top:1px solid #a8a8a8; color:#333; padding-top:10px; margin-top:9px;}


/*装修知识*/
.knowledge{background-color:#eee; margin:0 auto; width:100%; padding:20px; box-sizing:border-box; min-width:1200px;}
.knowledge_box{width:1200px; margin:0 auto; padding:20px; background-color:#fff;  box-sizing:border-box;}
.knowledge_left{float:left; width:800px;}
.knowledge_right{float:right; width:320px;}
.knowledge_box .knowledge_title{font-size:20px; width:100%; padding-bottom:5px; border-bottom:1px solid #ddd;}
.knowledge_box .knowledge_title span{font-size:12px; float:right; margin-top:10px;}
.knowledge_bd{margin-top:15px;}
.knowledge_item{float:left; width:390px; margin-left:20px;}
.knowledge_item:first-child{margin-left:0px;}
.knowledge_item .big_item{display:block; position:relative; height:220px; overflow:hidden;}
.knowledge_item .big_item img{width:100%;}
.knowledge_item .knowledge_footer{background-color:rgba(0,0,0,.7); height:40px; line-height:40px; width:100%; padding-left:10px; box-sizing:border-box; position:absolute; left:0; bottom:0; color:#fff;}
.knowledge_item ul{margin-top:7px;}
.knowledge_item ul li{padding:5px 0;}
.knowledge_item ul li a{color:#333;}
.knowledge_item ul li a:hover{color:#8f0707;}
.knowledge_right ul{ margin-top:5px;}
.knowledge_right ul li{padding:10px 0; border-bottom:1px dotted #eee;}
.knowledge_right ul li:last-child{border:none;}
.knowledge_right ul li .count_b{display: inline-block; width: 18px; height: 18px;line-height: 18px;color: #fff; background: #8f0707;text-align: center;margin-right: 15px;}
.knowledge_right ul li .count_c{display: inline-block; width: 18px; height: 18px;line-height: 18px;color: #333; background: #ddd;text-align: center;margin-right: 15px;}
.knowledge_right ul li a{color:#333;}
.knowledge_right ul li a:hover{color:#8f0707;}


/*友情链接*/