
.images img { width: auto;position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto; }
.icon_zx { display: inline-block; width: 19px; height: 17px; background: url(../img/icon_zx.png) no-repeat center/100%; vertical-align: -3px; margin-right: 6px; }
.icon_close { position: absolute; top: 0; right: 0; width: 18px; height: 18px; background: #000 url(../img/close.png) no-repeat center/100%; }
/* .wrap{
    transform-origin:0 0;
} */



/*================banner================*/
/*.warp {position:relative; left: 50%;margin-left: -960px;width: 1920px;}*/

/*.banner {position:relative; width: 100%;}*/
.slideBox{ width:100%; height:620px; overflow:hidden;}
.slideBox .hd{ height:5px; overflow:hidden; position:absolute; left:50%; bottom:20px; z-index:1;-webkit-transform: translateX(-50%;); -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);transform: translateX(-50%);  }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:50px; height:5px; background:#ccc; cursor:pointer; }
.slideBox .hd ul li:last-child { margin-right: 0;}
.slideBox .hd ul li.on{ background:#274082; color:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width: 1920px;display:block;position:relative; left: 50%;margin-left: -960px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
/*.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }*/

/*================0元设计报名================*/
.design-bm { width: 788px;/*height: 110px;*/position: absolute;left:50%;bottom: 50px;background: rgba(21,45,74,.6); padding:15px 20px;box-sizing: border-box;border-radius: 6px;-webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.design-bm .p { font-size: 14px; color:#fff;padding-bottom: 10px; }
.design-bm .title { font-size: 22px;padding-right: 10px;margin-right: 10px;position: relative; }
.design-bm .title::after{ content: '';width: 1px;height: 20px;background: #fff;margin:0 10px;position: absolute;top: 50%;margin-top: -10px;  }
.design-bm .input-name,.design-bm .input-btn { width: 180px;height: 40px; }
.design-bm .input-btn {background: #ffae00;color:#fff;font-size: 24px; text-align: center;line-height: 40px;margin-left: 24px;cursor: pointer;}
.design-bm .input-tel { width: 340px;height: 40px;margin-left: 24px;}
.design-bm .input-name,.design-bm .input-btn,.design-bm .input-tel { border-radius: 6px; overflow: hidden;}
.formBox input{ width: 100%;height: 100%;border: 0; padding-left: 10px;}

.design-box { padding:33px 0;overflow: hidden; }
.design-box .ds-bd { width: 232px;height: 90px;float: left;margin-right: 87px; }
.design-box .ds-bd:last-child { margin-right: 0; }

.floors { background: #eef0f5;overflow: hidden; }
/*================热销案例================*/
.caseBox { padding-top: 40px;overflow: hidden; }
.caseBox .case-pic,.caseBox .list{ /*width: 190px;*/height: 276px;float: left;margin-right: 10px;width: calc((100% - 50px) / 6);overflow: hidden;}
.caseBox .list:last-child { margin-right: 0; }
.caseBox .list .pic { width: 100%;height: 156px;overflow: hidden; }
.caseBox .list .bottom { height: 120px;text-align: center;background: #fff; }
.caseBox .list .title { font-size: 18px;padding-top: 18px;font-weight: bold; }
.caseBox .list .name { font-size: 14px;color:#999;font-family: '宋体'; }
.caseBox .list .btn {  width: 148px;margin: 13px auto 0;}
.caseBox .list .btn span { width: 73px;float: left;font-size: 14px; border:1px solid #e83632;line-height: 21px;}
.caseBox .list .btn span:nth-of-type(1) { border-right: 0; }
.caseBox .list .btn span:nth-of-type(2) { border-left: 0; }
.caseBox .list .btn .money { color:#fff;background:#e83632; }

/*================五大风格================*/
.part { overflow: hidden; }
.part .title { font-size: 44px; line-height:44px;text-align: center;padding:80px 0 15px;}
.part .title::after { content: '';display: inline-block;background: #a2a2a2;width: 60px;height: 1px; vertical-align: middle;margin-left: 40px; }
.part .title::before { content: '';display: inline-block;background: #a2a2a2;width: 60px;height: 1px; vertical-align: middle; margin-right: 40px;}
.part .t-title { font-size: 22px; color:#838fa4;text-align: center;margin-bottom: 60px;line-height: 22px;}
.part .tabNav { position: relative; margin: 60px 0 20px;}
.part .tabNav .more { position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);transform: translateY(-50%);color:#a2a2a2;}
.part .tabNav ul { text-align: center; }
.part .tabNav ul li{ display: inline-block;color:#001841;font-size: 20px;margin-right: 40px;cursor: pointer;line-height: 20px; }
.part .tabNav ul li:last-child { margin-right: 0; }
.part .tabNav ul li.on { color:#ff7200; }

.showBox { position: relative; }
.showBox .show-pic { display: none; }
.show-pic .img { position: relative; }
.show-pic .img .alink { width: 223px;height: 43px;position: absolute;bottom:11%;left: 74.5%; }
.show-pic .box { width: 390px;height: 496px;float: left; box-sizing: border-box;margin-right: 10px;/*width: calc((100% - 20px) / 3)*/}
.show-pic .box:last-child { margin-right: 0; }
.show-pic .act_inner { position: relative;width: 100%;height: 100%;}
.show-pic .act_multi .act_inner:before {content: '';position: absolute; display: block; width: 340px; height: 445px;border: solid 5px #2854a0;top: 40px;}
.show-pic .act_img { position: relative;z-index: 1; width: 340px;height: 228px;margin:0 auto 20px;}
.show-pic .treasure { padding:20px; background: #fff; }
.show-pic .treasure_img { /*width: 350px;*/height: 456px; position: relative;width: 100%;}
.show-pic .box_last { padding:20px;background: #fff; }
.show-pic .last_img { /*width: 350px;*/height: 223px; margin-bottom: 10px;position: relative;overflow: hidden;width: 100%;}
.show-pic .last_img:last-child{ margin-bottom: 0; }
.show-pic .mb { width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(61,77,106,0.8);line-height: 223px;text-align: center; color:#fff;font-size: 26px;opacity: 0;transition: all .5s;}
.show-pic .treasure_img .mb { line-height: 456px; }
.style-page .box>div:hover .mb{ opacity: 1;transition: all .5s; }

/*================六大空间================*/
.categoryBox { margin: 20px 0 0px; /*height: 485px;*/}
.categoryBox .act_multi {  position: relative;margin-right: 10px;padding: 20px;background: #fff;overflow: hidden;width: calc((100% - 10px) *1/3 - 4px);box-sizing: border-box;}
.categoryBox .act_multi .act_inner:before {content: '';position: absolute; display: block; width: 340px; height: 455px;border: solid 5px #2854a0;top: 20px;}
.categoryBox .act_img { position: relative; width: 100%;height: 446px;margin: 0 auto; }
.categoryBox .bm_ban { width: 91.5%;margin:20px auto 0;cursor: pointer;position: relative;}
.finger { width: 243px;position: absolute;top: 27px;left: 39%; }


.brand { width: 790px; height: 486px;background: #fff;padding: 15px 20px 0px 20px;box-sizing: border-box;}
.brand .tit { font-size: 24px;padding-bottom:20px;text-align: center; }
.brand_slide{ height: 424px;overflow: hidden;position: relative;}
.brand_slide .hd{ height: 20px;overflow: hidden; position: absolute; left: 50%; bottom: 20px;z-index: 1;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.brand_slide .hd ul{ overflow:hidden; zoom:1; float:left;}
.brand_slide .hd ul li{ display: inline-block;vertical-align: middle; margin-right:10px;  width:6px; height:6px; background:#fff; border-radius:50%;cursor:pointer;border:2px solid #ccc; }
.brand_slide .hd ul li:last-child { margin-right: 0;}
.brand_slide .hd ul li.on{ background:#eb3436; border:2px solid #fdd9dd;width: 10px;height: 10px;}
.brand_slide .bd{ position:relative; height:100%; z-index:0; }
.brand_slide .bd li{ zoom:1; vertical-align:middle; }
.brand_slide .bd li a { display: block; float: left;margin-right: 10px;width:142px; height:80px;margin-bottom: 20px;}
.brand_slide .bd li a:nth-of-type(5n) { margin-right:0; }
/*.brand_slide .bd img{ width:142px; height:80px; }*/

.kj-page .img { width: 800px; }
.kj-page .contnetText{ position: relative;width: 390px;background: #fff; padding: 113px 20px 20px 20px;box-sizing: border-box;height: 477px; }
.kj-page .contnetText .pic-title { position: absolute;width: 402px;left:-30px;top:25px; }
.kj-page .contnetText h5 { font-size: 20px;color:#001841;margin-bottom: 20px;line-height: 20px;font-weight: 700;}
.kj-page .contnetText .btn { width: 228px;margin:0px auto 20px; }
.kj-page .contnetText .textC { font-size: 18px; display: flex;justify-content: space-between;line-height: 18px;}
.kj-page .contnetText .textC p { padding-bottom:14px; }
.kj-page .contnetText .name p:last-child{ padding-bottom: 0; }
.kj-page .contnetText .ties { font-size: 14px;color:#cb0d1c; padding-left:20px;}
.kj-page .contnetText .bottom{ position:absolute;bottom:20px;left:0;width: 100%;}

/*================148道匠心工艺  标准化施工================*/
.listShow { height: 500px; }

.listShow .show-pic { position: absolute;left: 0;top: 0;display: block; }
.listShow .show-pic:first-child{ z-index: 1; }

.technology .box .text { color:#fff; /*background: rgba(0,24,65,.7);*/font-size: 20px;position: absolute;left: 0;bottom:0;width: 100%;box-sizing: border-box;}
.technology .box .text > p { background: rgba(0,24,65,.4); padding:10px 20px;opacity: 1;transition: all .5s;}
.technology .box .upBox { 
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
    background: rgba(0,24,65,.4);
/*    -webkit-transform: translateY(45%); 
    -o-transform: translateY(45%); 
    -moz-transform: translateY(45%); 
    transform: translateY(45%);*/ 
/*    opacity: 0;*/
    transition: all .5s;
 }
.technology .box .upBox p { font-size: 18px;line-height: 30px;height: 30px;}
.technology .box .upBox h5 { font-weight: bold;font-size: 20px;height: 35px;line-height: 35px; }
.technology .box>div { overflow: hidden;}
.technology .box>div:hover .upBox{ transform: translateY(0)!important; opacity: 1; background: rgba(0,24,65,.7);transition: all .5s;}
.technology .box>div:hover .text > p { opacity: 0; transition: all .5s;}

/*================五位一体  全流程智能化管理================*/
.banTop { margin:60px 0 20px; }

/*================口碑团队================*/
.mounth_team .showBox{ margin: 60px 0 10px; overflow: hidden;}

/*================优选项目经理================*/
/*.projectBox { margin-top: 60px; }*/
.project_jl .t-title{  margin-bottom:30px; }
.project_more { text-align: right; padding:10px 0;}
.project_more a{ color:#a2a2a2; }
.projectBox .module{/*width: 230px;*/height: 353px; padding: 10px;box-sizing: border-box;background: #fff;float: left; margin: 0 10px 10px 0;width: calc((100% - 40px) / 5); }
.module_list .module:nth-of-type(5n) { margin-right: 0; }
.module_list .module:nth-of-type(6),
.module_list .module:nth-of-type(7),
.module_list .module:nth-of-type(8),
.module_list .module:nth-of-type(9),
.module_list .module:nth-of-type(10) { margin-bottom: 0; }
.projectBox .pic { width: 100%;height: 175px; position: relative;}
.projectBox .pic img { max-width: 100%; }
.projectBox .topTit { position: absolute;left:0;top: 0;font-size: 14px;color:#fff; width: 81px;height: 24px;background: url(../img/title_bg.png) no-repeat;text-align: center;line-height: 24px; }
.projectBox .tit { padding: 17px 0 15px; font-size: 14px;}
.projectBox .label { float: left;font-family: '宋体';font-size: 14px;color: #a2a2a2;padding:0 15px;line-height: 22px;position: relative; }

.projectBox .labelBox .label::after { content: '';position: absolute;right: 0;top:50%; border-right: 1px dashed #c2c2c2;height: 55px;margin-top: -27.5px;}
.projectBox .labelBox .label:first-child { padding-left: 0; }
.projectBox .labelBox .label:last-child { padding-right: 0; }
.labelBox .label:last-child::after { border:0; }
.projectBox .label .num { color:#000;text-align: center; }

.qrcode_fix { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); text-align: center; line-height: 175px; display: none; }
.qrcode_fix img { width: auto;  max-height: 100%; max-width: 100%;}
.order_zx { margin-top: 10px; width: 127px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #e5e7ed; background: #eef0f5;font-family: 'songti'; 
	font-size: 14px; cursor: pointer; }

/* .module_list .module:hover .qrcode_fix { opacity: 1; transition: opacity .4s ease; } */

/*================用户口碑================*/
.userBox {overflow: hidden; }
.user_mounth { width: 950px;/*height: 320px; */}
.user_mounth .tit { font-size: 14px;color:#a2a2a2;margin: 20px 0 10px; line-height: 14px;}
.user_mounth .big_tit{ color:#001841;font-size:20px; padding-right: 12px;line-height: 20px; }
.userBox .comment { padding:20px;box-sizing: border-box; height: 320px;background: #fff; }
.user_mounth .container { display: inline-block;vertical-align: middle;width: 354px;padding-left:18px;box-sizing: border-box;margin-top: 0!important; }
.commentList { width: 440px;float: left;margin-top: 20px; }
.commentList:nth-of-type(1),.commentList:nth-of-type(2) { margin-top: 0; }
.commentList:nth-of-type(2n) { margin-left: 30px; }
.commentList .pic{ width: 80px;height: 80px;display: inline-block;vertical-align: middle; }
.commentList .top { font-size: 16px;font-family: '宋体';color:#001841; }
.commentList .subject { margin-bottom: 8px; }
.commentList .text { font-size: 14px;font-family: '宋体';color:#898989;line-height: 20px }

.site_case { width: 230px;/*height: 320px; */margin-left:10px;}
.site_case .tit { margin:20px 0 10px; }
.site_case .big_tit{ font-size: 20px;color:#001841;line-height: 20px; }
.site_case .more { color:#a2a2a2;font-size: 12px; position: relative;top:1px;}
.site_case .pic{ width: 80px;height: 80px; overflow: hidden;}
.site_case .textBox { font-family: '宋体';padding-left:12px; }
.site_case .textBox p { font-size: 12px;color:#898989;line-height: 18px }
.site_case .topic { color:#001841;font-size: 14px; margin-bottom: 10px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} 
.site_case .comment .list { margin-bottom: 20px;overflow: hidden; }
.site_case .comment .list:last-child{ margin-bottom: 0; }

/*================全屋整装攻略 随心查================*/
/*.part7 { padding-bottom: 52px; }*/
.strategy_main { overflow: hidden; }
.strategy_main .left_pic { /*width: 230px;*/height: 342px;  float: left;width: calc((100% - 40px) / 5);position: relative;}
.left_pic .check_more { width: 140px;height: 40px;left:50%;-webkit-transform: translateX(-50%); transform: translateX(-50%);bottom: 24%;position: absolute;}
.strategy_main .listBox{ /*width: 230px;*/height: 342px; background: #fff;padding:50px 20px 30px 20px;border-radius: 8px;box-sizing: border-box;float: left;margin-left: 10px;width: calc((100% - 40px) / 5);}
.strategy_main .more { color:#2755fe;display: block;text-align: right;padding-right: 5px; margin-top: 10px;}
.strategy_main .bottom-text { font-size: 14px;color: #333;}
.strategy_main .bottom-text p { line-height: 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.strategy_main .bottom-text p:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #2854a0;
    border-radius: 50%;
    vertical-align: middle;
}
.strategy_main .bottom-text p a { font-family: '宋体';margin-left:10px;}
.strategy_main .icon_title { font-size: 22px; }
.strategy_main .bottom-text p:hover a{ color: #2854a0;text-decoration: underline;}
.listBox .icon { margin: 0 auto; height: 70px;}
.listBox .icon1 { width: 80px;}
.listBox .icon2 { width: 73px;}
.listBox .icon3 { width: 64px;}
.listBox .icon4 { width: 59px;}
.listBox .icon_title { text-align: center;margin: 20px 0 26px; }





@media screen and (max-width: 1337px) {
    /*banner*/
/*    .banner {margin-left: -495px;width: 990px;}
    .slideBox { height: 320px; }*/
    .finger { top: 20px; }
    .listShow { height: 413px; }

    .part .title { padding:40px 0 8px; }
    .part .t-title { margin-bottom:30px; }
    .part .tabNav { margin:30px 0 10px; }
    .banTop { margin-top:30px; }
    .mounth_team .showBox { margin-top:30px; }
    .part .project_jl .t-title { margin-bottom:15px; }
    .strategy_main { margin-top:30px; }

    /*==六大空间==*/
    .kj-page .img { width: 668px; }
    .kj-page .contnetText{ width: 322px;height: 398px;padding: 89px 10px 10px 10px; }
    .kj-page .contnetText .pic-title { width: 334px;top:20px; }
    .kj-page .contnetText h5 { font-size: 18px;line-height: 18px;margin-bottom: 15px;}
    .kj-page .contnetText .btn {width: 191px;}
    .kj-page .contnetText .textC { font-size: 16px; display: flex;justify-content: space-between;line-height: 16px;}
    .kj-page .contnetText .textC p { padding-bottom: 11px;}
    .kj-page .contnetText .name p:last-child{ padding-bottom: 0; }
    .kj-page .contnetText .ties { font-size: 12px;}
    .kj-page .contnetText .bottom{ bottom:10px;}

    /*==美家热销案例==*/
    .design-box .ds-bd { width: 23.4%;height: auto; margin-right: 2.1%; }
    .caseBox .case-pic, .caseBox .list { width: 15.8%;height: auto;margin-right: 1%; }
    .caseBox .list .pic { height: auto; }
    .case-pic { height: 250px!important;background: #c62e2b; }

    .treasure_img, .last_img { height: auto!important; }
    .show-pic .treasure_img .mb{ line-height: 370px; }
    .show-pic .box { height: 411px; }
    .show-pic .mb { line-height: 180px; }

    .standard .show-pic .box,.fiveStyle .show-pic .box,.mounth_team .show-pic .box{ width: 323px; }
    /*==品牌轮播==*/
    .categoryBox .act_img { height: 368px; }
    .brand { width: 657px;height: 408px; }
    .brand_slide { height: 350px; }

    .technology .box .upBox h5 { font-size: 18px; }
    .technology .box .upBox p { font-size: 16px; }

    /*==项目经理==*/
    .projectBox .label { padding:0 8px; }
    .projectBox .tit { font-size: 12px; }

    .user_mounth { width: 80%; }
    .commentList { width: 48%; }
    .user_mounth .container { width: 76%;padding-left: 10px; }
    .commentList .top { font-size: 14px; }
    .commentList .text { font-size: 13px; }
    .site_case { width: 18.9%; }
    .site_case .comment{ padding:20px 10px; }
    .site_case .pic { width: 78px;height: 78px; }
    .site_case .topic { font-size: 12px; }
    .site_case .textBox p { font-size: 12px; }
    .site_case .textBox { padding-left: 4px; }

     /*==全屋整装攻略==*/
    .strategy_main .left_pic img { height: 100%; }

}