/* CSS Document */
/*公用*/

*{margin:0;padding:0;}
/*
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html,body{-webkit-text-size-adjust:none;min-height: 100%;}
body{font-size:13px;color:#333;background:#f2f2f2; font-family:"微软雅黑";}
ol li,ul li{list-style-type:none; vertical-align:middle;}
img{border:none;vertical-align:middle;}
input{vertical-align:middle; outline: none;}
font{font-size:12px;}
table{border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
input,button, textarea, select{appearance: none;border-radius: 0;font-family: '微软雅黑';
	margin: 0;
	padding: 0;
}
input[type="checkbox"]{-webkit-appearance: checkbox;-moz-appearance:checkbox;appearance:checkbox;}
input[type="radio"]{-webkit-appearance: radio-button;-moz-appearance:radio-button;appearance:radio-group;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;-moz-appearance:none;appearance: none;
}
input{ outline:none;}
a{text-decoration:none;}
.clear{clear:both;}
.cdisabled{color:#d2d2d2;cursor:not-allowed;}

.cleft{text-align:left;}
.chand{cursor:pointer;}
.cnone,.top span a.cnone{display:none;}

.fl{float:left;}
.fr{float:right;}

/* clear float */
.clear, .clearfix:after {clear: both;}
.clear, .clearfix:before, .clearfix:after {display: block;overflow: hidden;visibility: hidden;width: 0; height: 0;}
.clearfix:before, .clearfix:after {content: '';}
.clearfix {*zoom: 1;}

/* css3  */
.border{position:relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.shadow{position:relative;-moz-box-shadow:2px 2px 10px #06C;-webkit-box-shadow:2px 2px 10px #06C;box-shadow:2px 2px 10px #06C;}

.main{position:relative;}

@media (min-width: 1200px) {

.w1200{width:1200px;margin:0 auto;}

/************************header头部**************************/
.header{ position:relative;height:100px;}

.logo{padding-top:26px;padding-right:80px;}

.menu{padding-top:18px;}
.menu li{float:left; position: relative;font-size:14px;margin:0 6px; z-index: 999;}
.menu li strong{display:block;height:80px;line-height:80px;padding:0 18px;}
.menu li strong a{color:#333;display:block;}
.menu li strong.hover{border-bottom:2px solid #cc3333;}
.menu li strong.hover a{color:#cc3333;}

.menu li p{display:none;position:absolute;z-index: 999;left:0;top:82px;width:130px;background: url(../images/menu_bg.png) repeat;}
.menu li p a{color:#fff;display:block;font-size:14px;height:34px;line-height:34px;padding-left:18px;border-bottom:1px solid #d87c73;}
.menu li p a:hover{background:url(../images/menu_bga.png) repeat;}

.menu-button{display:none;}
.tell{padding-top:34px;}
.tell p{font-size:18px;color:#cc3333;text-align:center;line-height:20px;padding-top:5px;}

/************************底部**************************/
.copy{padding:20px 10px 15px;text-align:center;background: #000;color:#888888;}
.copy p{padding-bottom:5px;line-height:20px;}
.copy a{font-size:12px;color:#888888; display: inline-block;padding:0 3px;}
.copy a:hover{color:#fff;}


.help{margin:50px 50px 50px 10px;color:#fff;border-right:1px solid #3e3e3e;width:130px;}
.help dt{font-size:14px;line-height:18px;padding-bottom:10px;}
.help dd a{display:block;color:#fff;font-size:12px;line-height:24px;}
.help dd a:hover{color:#999;}

.us{margin:50px 0;color:#fff;width:270px;padding-left:10px;}
.us dt{font-size:14px;line-height:18px;padding-bottom:10px;}
.us dd{font-size:12px;line-height:25px;}
.us dd b{display:inline-block;width:50px;}

.wei{padding-top:50px;}
.wei li{float:left;text-align:center;padding-right:20px;padding-top:10px;}
.wei li p{color:#ccc;font-size:12px;line-height:20px;padding-top:5px;}

.borTop{border-top:1px solid #f5f5f5;}

.pledge{padding:30px 0;}
.pledge li{width:25%;float:left;}
.pledge li em{display:block;width:73px;float:left;}
.pledge li p{margin-left:93px;color:#888888;font-size:12px;padding-right:10px;}
.pledge li strong{display:block;font-size:18px;color:#333;line-height:30px;}


/************************分页**************************/
.page{text-align:center;padding:50px 0;}
.page a{display:inline-block;margin:0 2px;color:#666666;font-size:12px; background: #fff;border:1px solid #e5e5e5;height:28px;line-height:26px;padding:0 10px;}
.page a:hover,.page a.hover{color:#fff;font-size:12px; background: #cc3333;border:1px solid #cc3333;}
.page span{display:inline-block;margin:0 2px;color:#666666;font-size:12px; background: #fff;border:1px solid #e5e5e5;height:28px;line-height:26px;padding:0 10px;}



/************************面包屑导航**************************/
.borDown{border-bottom:1px solid #eaeaea;}

.site{height:60px;line-height:60px;color:#666666;font-size:14px;padding-left:10px; background: url(../images/ico_1.png) no-repeat 2px center;}
.site a{display:inline-block;padding:0 10px;color:#666666;}
.site a:hover{color:#333;}
.site span{display:inline-block;padding:0 10px;color:#666666;}
.site img{margin-top:-3px;}

.siteNav li{float:left;height:60px;padding:0 10px;}
.siteNav li a{display:block;line-height:56px;color:#666;font-size:14px;padding:2px 10px 0;font-weight:bold;}
.siteNav li a:hover,.siteNav li a.hover{color:#cc3333;border-bottom:2px solid #cc3333;}

/************************VR场景列表**************************/
.list_VR ul{margin-left:-60px;}
.list_VR li{float:left;width:360px; background: #fff;font-size:14px;margin:30px 0 0 60px;}
.list_VR li a{display: block;}
.list_VR li em{ position:relative;display: block;}
.list_VR li em .vrimg{ width:360px; height:240px;}
.list_VR li p{display:none;position:absolute;left:0;top:0;width:100%;height:100%; z-index: 9; background: url(../images/bg_1.png) repeat;text-align:center;}
.list_VR li p img{position:absolute;left:50%;top:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;}

.list_VR li strong{display: block;float:left;line-height:60px;padding-left:10px;color:#333;}
.list_VR li span{display: block;float:right;height:60px;line-height:60px;color:#888888;padding-left:25px;padding-right:10px;background: url(../images/ico_3.png) no-repeat left center;}
.list_VR li a:hover strong{color:#cc3333;}
.list_VR li a:hover span{color:#cc3333;background: url(../images/ico_3a.png) no-repeat left center;}
.list_VR li a:hover p{display:block;}

/************************bannerTit**************************/
.bannerTit{height:300px;width:100%;}
.bgImg1{background:url(../images/tit_1.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg2{background:url(../images/tit_2.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg3{background:url(../images/tit_3.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg4{background:url(../images/tit_4.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg5{background:url(../images/tit_5.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg6{background:url(../images/tit_6.jpg) no-repeat center top;background-size: auto 100%;}

/************************公司团队**************************/
.team ul{margin-left:-20px;}
.team li{float:left;margin:20px 0 0 20px;width:224px;border:1px solid #e6e4e4; background: #fff;text-align:center;}
.team li,
.team li:before,
.team li:after{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.team li a{display:block; }
.team li em{display:block; position:relative;}
.team li em img{max-width:100%;}
.team li em span{display:none; position:absolute;left:0;top:0;font-style:normal;line-height:30px;width:100%;height:100%;background: url(../images/bg_1.png) repeat;text-align:center;color:#fff;font-size:14px;}
.team li em span img{margin-top:110px;}
.team li p{font-size:14px;color:#666;line-height:20px;padding:8px 5px;}
.team li p strong{display:block;font-weight:bold;color:#333;}

.team li:hover span{display:block;}
.team li:hover p{color:#fff; background: #cc3333;}
.team li:hover strong{color:#fff;}

/************************工艺品质**************************/
.tit{text-align:center;padding:50px 0 30px;}
.tit p{color:#666666;font-size:16px;line-height:30px;padding-top:15px;width:630px;margin:0 auto;}


.project{background:#fff;text-align:center;padding:25px 0;}
.project li{display:inline;font-size:0;}
.project li img{margin:2px;}

.process{background:#fff;text-align:center;padding:40px 10px;}

.case dt{height:60px;line-height:60px;padding-top:20px;border-bottom:1px solid #e5e5e5;}
.case dt strong{display:block;float:left;font-size:18px;color:#333;}
.case dt span{display:block;float:right;padding-right:2px;}
.case dt span a{font-size:14px;color:#888;padding-right:20px;background:url(../images/ico_7.png) no-repeat right center;}
.case dt span a:hover{color:#666;}


.caseList{margin-left:-60px;}
.caseList li{float:left; background:#fff;text-align:center;margin-left:60px;margin-top:30px;}
.caseList li em{display:block;position: relative;height:227px;width:360px; overflow:hidden;}
.caseList li em div img{ width:360px;}
.caseList li p{display:none;position:absolute;left:0;top:0;width:100%;height:100%; background: url(../images/bg_1.png) repeat;text-align:center;}
.caseList li p img{ display:block;margin:0 auto;}
.caseList li p a{display:inline-block;margin-top:80px;padding:10px 30px;color:#fff;font-size:14px;font-style: normal;line-height:30px;}

.caseList li h3{color:#333333;font-size:18px;line-height:30px;padding-top:10px;}
.caseList li h3 a{color:#333;}
.caseList li strong{display:block;font-size:12px;color:#ccc;line-height:20px;}
.caseList li:hover{-moz-box-shadow:2px 2px 10px #ccc;-webkit-box-shadow:2px 2px 10px #ccc;box-shadow:2px 2px 10px #ccc; cursor: pointer;}
.caseList li:hover h3 a{color:#cc3333;}
.caseList li:hover p{display:block;}
.caseIco{padding:10px 0 20px;text-align:center;}
.caseIco span{display:inline-block;padding:0 20px;font-size:12px;color:#888;line-height:20px;}
.caseIco span img{display:block;margin:0 auto 3px;}
.caseIco b{display:inline-block;width:1px;height:35px; background: #eeeeee;}


/************************装修案例**************************/
.classify{margin-top:20px;;border:1px solid #eaeaea;background: #fff;}
.classify li{border-bottom:1px solid #eaeaea;}

.classify li strong{display:block;float:left;height:40px;line-height:40px;font-size:12px;color:#666;padding-left:25px;width:90px;border-right:1px solid #eaeaea;background:#f8f8f8;}
.classify li p{padding:10px;margin-left:120px;}
.classify li p a{display:inline-block;height:20px;line-height:20px;font-size:12px;color:#666;padding:0 15px;}
.classify li p a.hover,.classify li p a:hover{color:#cc3333;}

.screen{background:#333333;height:30px;line-height:30px;padding:10px 0;margin-top:20px;}
.screen input{outline: none;float:left;}

.select{float:left;}
.select strong{float:left;color:#fff;font-size:12px;padding-left:20px;width:70px;}
.select select{float:left;height:30px;line-height:30px;border:none; background:#fff;color:#666;margin-right:6px;font-size:12px;padding:0 10px; cursor: pointer; outline: none;}
.select p{float:left;color:#fff;font-size:12px;padding-left:10px;}

.search{padding-right:15px;float:right;}
.input_ss{height:30px;line-height:30px;border:none; background:#fff;color:#666;font-size:12px;padding-left:10px;width:230px;}


/************************工地实况**************************/
.table{margin:30px 0 0;}
.table table{width:100%;border:1px solid #dddddd;text-align:center; background: #fff;}
.table th{height:48px;line-height:48px;color:#fff;font-size:14px; background: #cc3333;border:1px solid #cc8080;padding:0 10px;}
.table td{height:48px;line-height:48px;color:#666;font-size:14px;border:1px solid #e5e5e5;padding:0 10px;}
.table td strong{color:#333;}
.table td a{display: inline-block;color:#fff;font-size:14px; background: #888;padding:0 15px;line-height:26px;border-radius: 5px;}
.table td a:hover{background: #cc3333;}

.make{ background: #333333;line-height:30px;padding:15px 20px;color:#fff;}
.make strong{ display: block;float:left;font-size:18px;padding-right:10px;}
.make p{float:left;font-size:14px;}
.make ul{float:right;}
.make ul li{float:left;}
.make span{display: block;float:left;padding-right:5px;}
.make input{  outline: none;}
.input_1{display: block;float:left;width:120px;height:30px;line-height:30px;font-size:12px;color:#666;padding:0 10px;border:none;margin-right:15px;border-radius: 5px;}
.btnRed{display: block;float:left;color:#fff;font-size:18px;padding:0 20px;height:34px;line-height:34px;margin-top:-2px;background: #cc3333;cursor: pointer;border-radius: 5px;border:none;}

/************************热装楼盘**************************/

.houses{margin-left:-1%;}
.houses li{float:left;margin-top:20px;width:24%;margin-left:1%; overflow: hidden;}
.houses li a{display:block;overflow: hidden;}
.houses li p{ background: #fff;border:1px solid #dcdada;border-top:none;line-height:44px;padding:0 12px;}
.houses li strong{ display:block;float:left;}
.houses li strong a{color:#333;}
.houses li span{ display:block;float:right;color:#666;}
.houses li img{transition: .5s transform;transform: translateZ(0);}
.houses li:hover a{color:#cc3333;}
.houses li:hover img{transform: scale(1.1, 1.1);transition:1s transform;}


/************************品质保障**************************/
.promNav li{float:left;text-align:center;width:16%;padding:40px 2%;}
.promNav li strong{display:block;font-size:24px;color:#333;line-height:50px;padding:10px 0 0;}
.promNav li p{color:#666666;font-size:14px;line-height:24px;}

.promise{background:#fff;padding:25px 20px 30px;}
.promise ul{float:left;}
.promise li{float:left; position: relative;margin:5px 0 0 5px;}
.promise li p{position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:14px;color:#fff;line-height:28px; background:#333;}
.promise .one{width:305px;}
.promise .two{width:425px;}

/************************客户见证**************************/
.witness{margin-left:-18px;}
.witness li{float:left; background: #fff;width:225px;margin-left:18px;margin-top:20px;}
.witness li strong{display:block;text-align:center;font-size:14px;line-height:30px;padding-top:5px;}
.witness li strong a{color:#333;}
.witness li img{width:100%;}
.witness li p{font-size:12px;color:#666666;line-height:20px;padding:0 18px 15px;}

.witness li:hover{cursor:pointer;-moz-box-shadow:0 2px 10px #ccc;-webkit-box-shadow:0 2px 10px #ccc;box-shadow:0 2px 10px #ccc;}
.witness li:hover strong a{color:#cc3333;}

.title{height:60px;line-height:60px;padding-top:20px;border-bottom:1px solid #e5e5e5;}
.title strong{display:block;float:left;font-size:18px;color:#333;}
.title span{display:block;float:right;padding-right:2px;}
.title span a{font-size:14px;color:#888;padding-right:20px;background:url(../images/ico_7.png) no-repeat right center;}
.title span a:hover{color:#666;}

/************************施工团队**************************/
.pad50{padding-bottom:50px;}
.spirit{padding:30px 15px;margin-bottom:20px;background: #fff;text-align:center;}
.spirit img{margin:0 15px;}

/************************在线预约**************************/
.mapBg{width:100%;height:540px;padding-top:60px;background: url(../images/map.jpg) no-repeat center center;}
.bg2{background:url(../images/bg_2.png) repeat;}

.yue{padding:40px 30px;width:660px;float:left;}
.yue dt{height:36px;line-height:36px;}
.yue dt a{display:block;float:left; position: relative;height:36px;line-height:36px;margin-right:20px;padding:0 20px;color:#333;font-size:16px; background: #e8e8e8;border-radius: 5px;}
.yue dt b{display:none;position: absolute;left:50%;bottom:-6px;margin-left:-7px;width:14px;height:7px; background: url(../images/ico_15.png) no-repeat;}
.yue dt a:hover,.yue dt a.hover{color:#fff; background: #cc3333;}
.yue dt a:hover b,.yue dt a.hover b{display:block;}

.yue dd{padding:10px 0;}

.xiu p{line-height:30px;font-size:14px;color:#666;}
.xiu li{padding-top:18px;float:left;margin-right:20px;}
.xiu li strong{display:block;float:left;width:80px;padding-right:15px;height:32px;line-height:32px;text-align:right;font-size:12px;color:#444;background: #e8e8e8;}
.xiu li font{color:#fd0000;}
.xiu li .input_2{display:block;float:left;width:200px;font-size:12px;color:#444;height:32px;line-height:32px;border:none;padding-left:10px; outline: none; background: #f4f4f4;}
.xiu li textarea{width:610px;border:none; background: #e8e8e8;color:#444;font-size:12px;line-height:20px;padding:8px 10px;height:80px; outline: none;}

.btnTi{height:32px;line-height:32px;padding:0 20px;color:#fff;font-size:14px; background: #717171;border:1px solid #9a9a9a;margin-right:10px; cursor: pointer;}
.btnTi.hover{height:32px;line-height:32px;padding:0 20px;color:#fff;font-size:14px; background: #2b2b2b;border:1px solid #2b2b2b;}

/************************联系方式**************************/
.contact{padding:40px 30px;float:right;width:360px;}
.contact span{display:block;color:#cc3333;font-size:14px;line-height:50px;padding-top:20px;}

.contact li{padding-top:20px;width:100%; clear: both; overflow: hidden;}
.contact li em{display:block;float:left;}
.contact li p{float:left;padding-left:10px;font-size:14px;color:#666;line-height:20px;width:330px;}
.contact li b{display:block;color:#2a2a2a;font-size:32px;line-height:50px;}


/************************side右侧**************************/
.side{width:280px;padding:30px 0; position: absolute;right:0;top:0;}

.order{border:1px solid #e5e5e5; background: #fff;}
.order h3{border-top:5px solid #cc3333;color:#333;font-size:18px;text-align:center;line-height:36px;padding-top:15px;font-weight:bold;}
.order p{font-size:14px;color:#666;text-align:center;line-height:30px;}
.order strong{display:block;text-align:center;padding:30px 0;}

.order ul{padding:0 20px;}
.order li{margin-top:8px;}
.order li em{display:block;float:left;width:38px;text-align:center;height:26px;line-height:26px;border-right:1px solid #e3e3e3;}
.order li img{margin-top:-2px;}
.input_3{float:left;padding-left:10px;color:#666;font-size:14px;height:26px;line-height:26px; background: none;border:none;}
.lou{float:left;width:110px;padding-left:10px;color:#666;font-size:14px;height:38px;line-height:38px; background: #f4f4f4;border:none;}
.area{float:right;width:100px;padding-left:10px;color:#666;font-size:14px;height:38px;line-height:38px; background: #f4f4f4;border:none;}

.btnRedBig{display: block;width:100%;color:#fff;font-size:18px;height:40px;line-height:40px;text-align:center;background: #cc3333;cursor: pointer;border-radius: 5px;border:none;}

.bgf4{padding:6px 0;background: #f4f4f4;}
.ad{border:1px solid #e5e5e5;margin-top:10px;}

.cont{border:1px solid #e5e5e5; background: #fff;margin:30px 300px 50px 0;padding:0 20px;min-height:818px;}
.cont h3{font-size:18px;font-weight:bold;color:#333;border-bottom:1px solid #eeeeee;height:58px;line-height:58px;}

/************************客户见证**************************/
.newsImg li{padding-top:20px}
.newsImg li em{display:block;float:left;}
.newsImg li p{margin-left:140px;}
.newsImg li strong{display:block;font-size:14px;color:#333;line-height:22px;}
.newsImg li strong a{color:#333;}
.newsImg li span{display:block;font-size:12px;color:#666;line-height:20px;height:40px; overflow: hidden;}
.newsImg li font{display:block;font-size:12px;color:#999999;line-height:18px;}
.newsImg li:hover a{color:#cc3333;}

/************************装修问答**************************/
.answers li{height:40px;line-height:40px;border-bottom:1px dotted #ededed;width:100%; clear: both; overflow: hidden;}
.answers li a{display:block;float:left;padding-left:10px; background:url(../images/ico_18.png) no-repeat left center;font-size:12px;color:#666;}
.answers li a:hover{color:#cc3333;}
.answers li span{display:block;float:right;color:#888;font-size:12px;}

/************************实景作品info**************************/
.cont1{border:1px solid #e5e5e5; background: #fff;margin:0 300px 0 0;min-height:818px;}

.borD{border-bottom:1px solid #ddd;}

.caption{margin:0 30px;border-bottom:1px solid #e5e5e5;padding:15px 0 10px; position:relative;}
.caption h3{font-size:18px;color:#333;line-height:36px;}
.caption strong{display:inline-block;padding-right:20px;color:#666;font-size:14px;line-height:30px;}
.caption strong img{margin-right:5px;margin-top:-3px;}
.fen{position:absolute;right:0;top:45px;}

.article{padding:10px 30px;}
.article p{font-size:14px;color:#333;line-height:24px;padding:10px 0;}
.article em{display:block;padding:10px 0;text-align:center;}
.article img{max-width:100%;}

.pian{height:60px;line-height:60px;margin:0 30px;border-top:1px solid #e5e5e5;font-size:14px;color:#333;}
.pian a{font-size:14px;color:#333;}
.pian a:hover{color:#cc3333;}
.pian li{ display:block; width:48%; height:60px;overflow:hidden}


.tag{padding:10px 30px; background: #f9f9f9;border-top:1px solid #e5e5e5;font-size:14px;color:#888;line-height:24px;}
.tag strong{display:block;float:left;width:50px;}
.tag p{margin-left:50px;}
.tag p a{color:#888;display:inline-block;padding:0 10px;}
.tag p a:hover{color:#cc3333;}

/************************公司团队info**************************/
.mt10{margin-top:10px;}

.xing{border:1px solid #e5e5e5; background: #fff;text-align:center;line-height:22px;padding:15px 0 12px;}
.xing strong{color:#666666;font-size:14px;}
.xing b{color:#cc3333;font-size:18px;font-weight:normal;padding:0 3px;}
.xing img{margin:0 2px; cursor: pointer;}

.cont2{border:1px solid #e5e5e5; background: #fff;margin:0 300px 0 0;min-height: 510px;}


.designImg{width:390px;float:left;}

.design{width:480px;float:right; }

.designT{height:160px;border-bottom:1px solid #e5e5e5;margin-right:20px;position: relative;}
.designT h3{color:#333333;font-size:30px;line-height:90px; background: url(../images/ico_21.png) no-repeat left bottom;}
.designT font{color:#cc3333;font-size:14px;border:1px solid #cc3333;margin-left:15px;line-height:20px;padding:0 6px;border-radius: 3px;}
.designT p{padding-top:15px;color:#888888;font-size:14px;line-height:20px;padding-right:0;}

.designText{color:#333333;font-size:14px;line-height:24px;height:348px; overflow: auto;}
.designText p{padding:8px 0;}
.designText b{font-weight:bold;}

/************************精品案例INFO**************************/
.vip{background:#fff;border:1px solid #e5e5e5;padding:0 20px 0;}
.vip ul{padding:10px 0;}
.vip li{color:#666666;font-size:12px;line-height:24px;}
.vip em{ position:relative;display:block;float:left;margin:25px 20px 20px 0; width:80px; height:80px; border-radius:100%; text-align:center; overflow:hidden}
.vip em img{ position:absolute; top:0; left:0px; width:80px; height:auto;}
.vip p{float:left;color:#888888;font-size:14px;line-height:24px;padding-top:25px;}
.vip p strong{display:block;font-size:18px;color:#333;line-height:30px;}
.vip p font{color:#269edc;font-size:14px;}
.caseIcor{padding:12px 0 10px;text-align:center;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.caseIcor span{display:inline-block;width:33%;font-size:12px;color:#888;line-height:20px;}
.caseIcor span img{display:block;margin:0 auto 3px;}
.caseIcor b{display:inline-block;width:1px;height:34px; background: #eeeeee;}

.cont3{margin:0 300px 0 0;min-height: 810px;}

.caption1{border:1px solid #e5e5e5;padding:15px 30px 10px; position:relative; background: #fff;}
.caption1 h3{font-size:18px;color:#333;line-height:36px;}
.caption1 strong{display:inline-block;padding-right:20px;color:#666;font-size:14px;line-height:30px;}
.caption1 strong img{margin-right:5px;margin-top:-3px;}

.caption1 .fen{right:20px;}
.pageview .swiper-slide{ display: table-cell;height:620px;line-height:616px}
.pageview{background:#323232;height:620px;text-align:center;overflow:hidden;}
.pageview img{max-height:620px;}


.preview{padding:20px 30px; position: relative;}
.preview .arrow-left {background:url(../images/ico_left.png) no-repeat left top;position: absolute;left: 0;top: 50%;margin-top: -11px;width: 12px;height: 22px;z-index: 10;}
.preview .arrow-right {background: url(../images/ico_right.png) no-repeat left bottom;position: absolute;right: 0;top: 50%;margin-top: -11px;width: 12px;height: 22px;z-index: 10;}
.preview img {padding: 1px;}
.preview .active-nav img {padding: 0;border: 1px solid #cc3333;}
.preview .swiper-slide {cursor: pointer;width:15%;height: 100%;}


/*************************首页*************************/
/*************************搜索*************************/
.homeSearch{line-height:60px;background: #f6f6f6;}
.homeSearch p{float:left;color:#666;font-size:14px;padding-left:30px;background: url(../images/ico_22.png) no-repeat left center;}
.homeSearch p a{padding:0 10px;color:#666;}
.homeSearch p a:hover{color:#cc3333;}

.search_input{float:right;padding-top:14px;}
.search_input span{display:block;float:left;width:60px;height:30px;line-height:30px;border:1px solid #999;color:#333;font-size:14px;text-align:center;border-right:none; background: #f6f6f6;}
.input_ss{float:left;padding-left:15px;width:260px;height:30px;line-height:30px;border:1px solid #999;color:#333;font-size:14px;border-right:none; background: #fff;}
.btnSS{float:left;color:#fff;font-size:14px;padding:0 15px;text-align:center;height:32px;line-height:32px; background: #464646;border:1px solid #464646; cursor: pointer;}

.homeTit1{text-align:center;width:100%; background:url(../images/bg_3.png) no-repeat center 60px;padding:60px 0 35px;}
.homeTit1 h3{color:#333;font-size:26px;line-height:30px;font-weight:bold;}
.homeTit1 span{display:block;color:#888;padding-top:4px;font-size:12px;line-height:20px;letter-spacing:4px;text-transform: uppercase;}
.homeTit1 img{;padding:10px 0;}
.homeTit1 p{color:#888;font-size:14px;line-height:30px;}

.designCase{text-align:center;}
.designCase .type{padding:0 150px 20px;text-align:center;}
.designCase .type .swiper-slide{display:inline-block;font-size:14px;color:#888;border-radius: 4px; cursor: pointer;}
.designCase .type .swiper-slide.active-nav{color:#fff; background: #cc3333;}

.designCase .view ul{margin-left:-1px;}
.designCase .view  li{float:left;width:298px;height:224px;margin-left:2px;margin-top:3px; position: relative; overflow: hidden;}
.designCase .view  li p{display:none;position:absolute;left:0;top:0;right:0;bottom:0;padding-top:75px;background: url(../images/bg_1.png) repeat;}
.designCase .view li strong{display:block;color:#fff;font-size:14px;line-height:36px;}
.designCase .view  li:hover p{display:block;}

/************************css3图片放大**************************/
.scale{transition: .5s transform;transform: translateZ(0);}
.scale:hover  img{transform: scale(1.1, 1.1);transition:1s transform;}
/************************css3图片放大**************************/

.more{padding:40px 0;text-align:center;}
.more a{display:inline-block;height:34px;line-height:34px;text-align:center;padding:0 16px;border:1px solid #888;color:#888;font-size:14px;border-radius: 3px;}
.more a:hover{background: #cc3333;color:#fff;border:1px solid #cc3333;}

.teamBg{background:url(../images/bg_5.jpg) no-repeat center bottom;}

/************************首页公司团队**************************/
.homeTeamList ul{margin-left:-1%;}
.homeTeamList li{float:left;width:15.5%;margin-left:1%;}

.homeTeam{border:1px solid #e6e4e4; background: #fff;text-align:center;transition: .5s transform;transform: translateY(0);}
.homeTeam:hover{transform: translateY(-5px);transition:1s transform;}

.homeTeam a{display:block; }
.homeTeam em{display:block; position:relative;}
.homeTeam em img{max-width:100%;}
.homeTeam em span{display:none; position:absolute;left:0;top:0;right:0;bottom:0;font-style:normal;line-height:30px;background: url(../images/bg_1.png) repeat;text-align:center;color:#fff;font-size:14px;}
.homeTeam em span img{margin-top:110px;}
.homeTeam p{font-size:14px;color:#666;line-height:20px;padding:8px 5px;}
.homeTeam p strong{display:block;font-weight:bold;color:#333;}

.homeTeam:hover span{display:block;}
.homeTeam:hover p{color:#fff; background: #cc3333;}
.homeTeam:hover strong{color:#fff;}

/************************首页装修课堂**************************/
.knowledge{margin-left:-18px;padding-bottom:20px;}
.knowledge dl{width:388px;margin-left:18px;float:left;padding-bottom:20px;}
.knowledge dt{border-bottom:1px solid #ccc;}
.knowledge h3{font-size:18px;color:#333;font-weight:bold;height:45px;line-height:45px;padding-top:5px;}
.knowledge h3 span{display:block;float:right;font-size:14px;color:#666;font-weight:normal;}
.knowledge h3 span a{color:#666;display:block;padding-right:18px; background: url(../images/ico_7.png) no-repeat right center;}
.knowledge ul{padding:10px 0;}
.knowledge li{height:30px;line-height:30px;}
.knowledge li a{font-size:14px;color:#666;}
.knowledge li a:hover{color:#cc3333;}

/************************首页客户见证**************************/
.bgea{background:#eaeaea; }

.homeWitness{padding-bottom:10px;}
.homeWitness .swiper-slide{background: #fff;}
.homeWitness .swiper-slide strong{display:block;text-align:center;font-size:14px;line-height:30px;padding-top:5px;}
.homeWitness .swiper-slide strong a{color:#333;}
.homeWitness .swiper-slide img{width:100%;transition: .5s transform;transform: translateZ(0);}
.homeWitness .swiper-slide p{font-size:12px;color:#666666;line-height:20px;padding:0 18px 15px;}
.homeWitness .swiper-slide a{display:block;overflow: hidden;}
.homeWitness .swiper-slide:hover{cursor:pointer;-moz-box-shadow:0 2px 10px #ccc;-webkit-box-shadow:0 2px 10px #ccc;box-shadow:0 2px 10px #ccc;}
.homeWitness .swiper-slide:hover strong a{color:#cc3333;}

.homeWitness .swiper-slide:hover  img{transform: scale(1.1, 1.1);transition:1s transform;}


.witness-prev{position:absolute;left:-30px;top:50%;width:12px;height:30px;margin-top:-15px; z-index: 9; background: url(../images/ico_left.png) no-repeat; background-size:100% 100%; cursor: pointer;}
.witness-next{position:absolute;right:-30px;top:50%;width:12px;height:30px;margin-top:-15px; z-index: 9; background: url(../images/ico_right.png) no-repeat;background-size:100% 100%;cursor: pointer;}

/************************首页工地实况**************************/
.moreC{text-align:center;padding:0px 0;}
.moreC a{display:inline-block;margin:30px 0;height:34px;line-height:34px;text-align:center;padding:0 16px;border:1px solid #888;color:#888;font-size:14px;border-radius: 3px;}

/************************首页品质保障********************
.bg6{background:url(../images/bg_6.jpg) no-repeat center top;}
.quality{margin-left:-1%;}
.quality li{float:left;width:19%;margin-left:1%; background: #fff;text-align:center;padding:40px 0 30px;margin-bottom:60px;
transition:background .5s;
}
.quality li strong{display:block;font-size:18px;color:#333;line-height:30px;font-weight:bold;padding-top:10px;}
.quality li p{font-size:14px;color:#666;line-height:24px;}
.quality li img{border-radius:50%;}
.quality li:hover{background:#cc3333; cursor: pointer;}
.quality li:hover strong{color:#fff;}
.quality li:hover p{color:#ccc;}******/

.bg6{background:url(../images/bg_6.jpg) no-repeat center top;}
.quality{ background: #fff;text-align:center;padding:40px 0 30px;margin-bottom:60px;
transition:background .5s;
}
.quality strong{display:block;font-size:18px;color:#333;line-height:30px;font-weight:bold;padding-top:10px;}
.quality p{font-size:14px;color:#666;line-height:24px;}
.quality img{border-radius:50%;}
.quality:hover{background:#cc3333; cursor: pointer;}
.quality:hover strong{color:#fff;}
.quality:hover p{color:#ccc;}

.homeTit2{text-align:center;width:100%; background:url(../images/bg_3.png) no-repeat center 60px;padding:60px 0 35px;}
.homeTit2 h3{color:#fff;font-size:26px;line-height:30px;font-weight:bold;}
.homeTit2 span{display:block;color:#ccc;padding-top:4px;font-size:12px;line-height:20px;letter-spacing:4px;text-transform: uppercase;}
.homeTit2 img{;padding:10px 0;}
.homeTit2 p{color:#ccc;font-size:14px;line-height:30px;}

/************************首页工艺细节**************************/
.craft{margin-left:-13px;padding-bottom:60px;}
.craft li{float:left;margin-left:13px;position: relative;margin-bottom:13px; overflow: hidden;}
.craft li p{position:absolute;left:0;bottom:0;right:0;text-align:center;font-size:14px;color:#fff;height:40px;line-height:40px; background: url(../images/bg_1.png) repeat;}
.craft li img{transition: .5s transform;transform: translateZ(0);}
.craft li:hover img{transform: scale(1.1, 1.1);transition:1s transform;}

.bigtwo0{display:none;}

.banner{width:100%;height:500px;}
.banner .swiper-slide{width:100%;height:500px;}

.rel{position: relative}
.homeBg{background:#fff;}

/**************************************************/
/**************************************************/
.sider{ position:fixed;right:5px;bottom:160px; z-index: 99;display: none;}
.online em{display:block; cursor: pointer;}
.online dl{background: #fff; position: absolute;right:0px;bottom:110px;border-radius: 5px;overflow: hidden;box-shadow: 0 2px 10px #666;}
.online dt{height:45px;line-height:45px; background: #000;width:105px;padding:0 10px;}
.online dt strong{display:block;float:left;color:#fff;font-size:15px;font-weight:normal;}
.online dt span{display:block;float:right; cursor: pointer;}
.online dd{padding:0 10px 18px;text-align:center;}
.online dd a{display:block;height:44px;line-height:44px;border-bottom:1px solid #e5e5e5;color:#333;text-align:left;font-size:14px;}
.online dd a img{margin:0 10px 0 6px;}
.online dd p{color:#cc3333;font-size:14px;line-height:36px;}

.backTop{margin-top:10px; cursor: pointer;}

/**************************************************/
/**************************************************/
.quote{position:fixed;left:0;bottom:180px; z-index: 99;}

.price{position:fixed;left:-100%;bottom:0px;right:0;width:100%;height:;background:url(../images/bg_7.png) repeat;  z-index: 99;}


.priceImg{ position:absolute;left:0;bottom:0; cursor: pointer;width:122px;}

.priceInput{margin-left:450px;height:150px;}
.priceInput p{width:450px;text-align:center;color:#fff;font-size:14px;line-height:50px;}
.priceInput p font{color:#cc3333;font-size:14px; display: inline-block;padding:0 3px;}
.priceInput ul{width:450px;}
.priceInput li{margin-right:3px;margin-bottom:3px;float:left;width:220px;}
.input_4{width:100%;border:none; background: #fff;height:37px;line-height:37px; text-indent: 10px;color:#666;font-size:14px;}

.priceWx{margin-right:70px;margin-top:50px;}

.priceClose{position:absolute;right:0;top:15px; cursor: pointer; opacity: .6;}
.priceClose:hover{opacity:1;}


/**************************************************/
/**************************************************/

.mask{position:fixed;left:0;top:0;bottom:0;right:0; background: url(../images/bg_7.png) repeat; z-index: 999;}

.visit{ position:relative;width:560px;position:fixed;left:50%;top:50%;margin-left:-280px;margin-top:-210px; background: #fff;border-top:5px solid #cc3333; z-index: 9999;}
.visit_t{text-align:center;padding-bottom:30px;}
.visit_t em{display:block;margin-top:-30px;}
.visit_t h3{font-size:24px;color:#333;line-height:40px;font-weight:bold;padding-top:10px;}
.visit_t h3 b{color:#cc3333;}
.visit_t p{font-size:14px;color:#666;line-height:30px;padding-bottom:15px;}
.visit_t img{max-width:100%;}

.visitClose{ position:absolute;right:10px;top:10px; opacity: .5;}
.visitClose:hover{opacity:1;}

.visitWx{float:left;text-align:center;margin-left:50px;width:132px;}
.visitWx img{border:1px solid #eee;width:100%;}
.visitWx p{font-size:14px;line-height:20px;color:#666;padding:5px 0 20px;}

.order1{float:right;width:290px;margin-right:50px;padding-bottom:25px;}

.order1 li{margin-bottom:8px;}
.order1 li em{display:block;float:left;width:38px;text-align:center;height:38px;line-height:38px;border-right:1px solid #e3e3e3;}
.order1 li img{margin-top:-2px;}
.order1 .input_5{float:left;width:220px;padding-left:10px;color:#888;font-size:14px;height:38px;line-height:38px; background: none;border:none;}
.order1 p{text-align:center;font-size:14px;line-height:40px;color:#666;}
.order1 p b{font-size:20px;color:#333;}
.order1 p img{margin:-3px 3px 0 0;}

.bgf44{background:#f4f4f4;}

/************************css3图片放大**************************/
.scale{transition: .5s transform;transform: translateZ(0);}
.scale:hover  img{transform: scale(1.1, 1.1);transition:1s transform;}
/************************css3图片放大**************************/


}

@media (min-width: 769px) and (max-width: 1199px) {

.w1200{padding:0 10px;}

/************************header头部**************************/
.header{ position:relative;height:100px;}

.logo{padding-top:26px;padding-right:30px;}

.menu{padding-top:18px;}
.menu li{float:left; position: relative;font-size:14px;z-index: 999;}
.menu li strong{display:block;height:80px;line-height:80px;padding:0 15px;}
.menu li strong a{color:#333;display:block;}
.menu li strong.hover{border-bottom:2px solid #cc3333;}
.menu li strong.hover a{color:#cc3333;}

.menu li p{display:none;position:absolute;left:0;top:82px;width:120px;background: url(../images/menu_bg.png) repeat;z-index: 999;}
.menu li p a{color:#fff;display:block;font-size:14px;height:34px;line-height:34px;padding-left:18px;border-bottom:1px solid #d87c73;}
.menu li p a:hover{background:url(../images/menu_bga.png) repeat;}

.menu-button{display:none;}

.tell{padding-top:34px;}
.tell p{font-size:18px;color:#cc3333;text-align:center;line-height:20px;padding-top:5px;}

/************************底部**************************/
.copy{padding:20px 10px 15px;text-align:center;background: #000;color:#888888;}
.copy p{padding-bottom:5px;line-height:20px;}
.copy a{font-size:12px;color:#888888; display: inline-block;padding:0 3px;}
.copy a:hover{color:#fff;}

.help,
.help:before,
.help:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.help{margin:50px 0 50px 0;color:#fff;border-right:1px solid #3e3e3e;width:15%;text-align:center;}
.help dt{font-size:14px;line-height:18px;padding-bottom:10px;}
.help dd a{display:block;color:#fff;font-size:12px;line-height:24px;}
.help dd a:hover{color:#999;}

.us{margin:50px 0;color:#fff;width:20%;padding-left:5%}
.us dt{font-size:14px;line-height:18px;padding-bottom:10px;}
.us dd{font-size:12px;line-height:25px;}

.wei{padding-top:50px;}
.wei li{float:left;text-align:center;padding-right:10px;padding-top:10px;}
.wei li p{color:#ccc;font-size:12px;line-height:20px;padding-top:5px;}


.borTop{border-top:1px solid #f5f5f5;}

.pledge{padding:30px 10px;}
.pledge li{width:25%;float:left;}
.pledge li em{display:block;width:73px;float:left;}
.pledge li p{margin-left:88px;color:#888888;font-size:12px;padding-right:10px;}
.pledge li strong{display:block;font-size:18px;color:#333;line-height:30px;}


/************************分页**************************/
.page{text-align:center;padding:50px 0;}
.page a{display:inline-block;margin:0 2px;color:#666666;font-size:12px; background: #fff;border:1px solid #e5e5e5;height:28px;line-height:26px;padding:0 10px;}
.page a:hover,.page a.hover{color:#fff;font-size:12px; background: #cc3333;border:1px solid #cc3333;}
.page span{display:inline-block;margin:0 2px;color:#666666;font-size:12px; background: #fff;border:1px solid #e5e5e5;height:28px;line-height:26px;padding:0 10px;}


/************************面包屑导航**************************/
.borDown{border-bottom:1px solid #eaeaea;}

.site{height:60px;line-height:60px;color:#666666;font-size:14px;padding-left:10px; background: url(../images/ico_1.png) no-repeat 2px center;}
.site a{display:inline-block;padding:0 10px;color:#666666;}
.site a:hover{color:#333;}
.site span{display:inline-block;padding:0 10px;color:#666666;}
.site img{margin-top:-3px;}

.siteNav li{float:left;height:60px;padding:0 10px;}
.siteNav li a{display:block;line-height:56px;color:#666;font-size:14px;padding:2px 10px 0;font-weight:bold;}
.siteNav li a:hover,.siteNav li a.hover{color:#cc3333;border-bottom:2px solid #cc3333;}

/************************VR场景列表**************************/
.list_VR ul{margin-left:-3.33%;}
.list_VR li{float:left;width:30%; background: #fff;font-size:14px;margin:30px 0 0 3.33%;}
.list_VR li a{display: block;}
.list_VR li em{ position:relative;display: block;}
.list_VR li em img{max-width:100%;}
.list_VR li p{display:none;position:absolute;left:0;top:0;width:100%;height:100%; z-index: 9; background: url(../images/bg_1.png) repeat;text-align:center;}
.list_VR li p img{position:absolute;left:50%;top:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;}

.list_VR li strong{display: block;float:left;line-height:60px;padding-left:10px;color:#333;}
.list_VR li span{display: block;float:right;height:60px;line-height:60px;color:#888888;padding-left:25px;padding-right:10px;background: url(../images/ico_3.png) no-repeat left center;}
.list_VR li a:hover strong{color:#cc3333;}
.list_VR li a:hover span{color:#cc3333;background: url(../images/ico_3a.png) no-repeat left center;}
.list_VR li a:hover p{display:block;}

/************************bannerTit**************************/
.bannerTit{height:300px;width:100%;}
.bgImg1{background:url(../images/tit_1.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg2{background:url(../images/tit_2.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg3{background:url(../images/tit_3.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg4{background:url(../images/tit_4.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg5{background:url(../images/tit_5.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg6{background:url(../images/tit_6.jpg) no-repeat center top;background-size: auto 100%;}

/************************公司团队**************************/
.team ul{margin-left:0;}
.team li{float:left;margin:20px 0 0 20px;width:224px;border:1px solid #e6e4e4; background: #fff;text-align:center;}
.team li,
.team li:before,
.team li:after{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.team li a{display:block; }
.team li em{display:block; position:relative;}
.team li em img{max-width:100%;}
.team li em span{display:none; position:absolute;left:0;top:0;font-style:normal;line-height:30px;width:100%;height:100%;background: url(../images/bg_1.png) repeat;text-align:center;color:#fff;font-size:14px;}
.team li em span img{margin-top:110px;}
.team li p{font-size:14px;color:#666;line-height:20px;padding:8px 5px;}
.team li p strong{display:block;font-weight:bold;color:#333;}

.team li:hover span{display:block;}
.team li:hover p{color:#fff; background: #cc3333;}
.team li:hover strong{color:#fff;}

/************************工艺品质**************************/
.tit{text-align:center;padding:50px 0 30px;}
.tit p{color:#666666;font-size:16px;line-height:30px;padding-top:15px;width:630px;margin:0 auto;}


.project{background:#fff;text-align:center;padding:35px 50px;}
.project li{display:inline;font-size:0;}
.project li img{margin:2px;}

.process{background:#fff;text-align:center;padding:40px 10px;}
.process img{max-width:100%;}

.case dt{height:60px;line-height:60px;padding-top:20px;border-bottom:1px solid #e5e5e5;}
.case dt strong{display:block;float:left;font-size:18px;color:#333;}
.case dt span{display:block;float:right;padding-right:2px;}
.case dt span a{font-size:14px;color:#888;padding-right:20px;background:url(../images/ico_7.png) no-repeat right center;}
.case dt span a:hover{color:#666;}


.caseList{margin-left:-3.33%;}
.caseList li{float:left; background:#fff;text-align:center;margin-left:3.33%;margin-top:20px;width:30%;}
.caseList li em{display:block;position: relative;}
.caseList li em img{max-width:100%;}
.caseList li p{display:none;position:absolute;left:0;top:0;width:100%;height:100%; background: url(../images/bg_1.png) repeat;text-align:center;}
.caseList li p img{ display:block;margin:0 auto;}
.caseList li p a{display:inline-block;margin-top:80px;padding:10px 30px;color:#fff;font-size:14px;font-style: normal;line-height:30px;}

.caseList li h3{color:#333333;font-size:18px;line-height:30px;padding-top:10px;}
.caseList li h3 a{color:#333;}
.caseList li strong{display:block;font-size:12px;color:#ccc;line-height:20px;}
.caseList li:hover{-moz-box-shadow:2px 2px 10px #ccc;-webkit-box-shadow:2px 2px 10px #ccc;box-shadow:2px 2px 10px #ccc; cursor: pointer;}
.caseList li:hover h3 a{color:#cc3333;}
.caseList li:hover p{display:block;}
.caseIco{padding:10px 0 20px;text-align:center;}
.caseIco span{display:inline-block;padding:0 25px;font-size:12px;color:#888;line-height:20px;}
.caseIco span img{display:block;margin:0 auto 3px;}
.caseIco b{display:inline-block;width:1px;height:35px; background: #eeeeee;}

/************************装修案例**************************/
.classify{margin-top:20px;;border:1px solid #eaeaea;background: #fff;}
.classify li{border-bottom:1px solid #eaeaea;background:#f8f8f8;}

.classify li strong{display:block;float:left;height:40px;line-height:40px;font-size:12px;color:#666;padding-left:25px;width:90px;}
.classify li p{padding:8px;margin-left:115px;background: #fff;border-left:1px solid #eaeaea;}
.classify li p a{display:inline-block;height:24px;line-height:24px;font-size:12px;color:#666;padding:0 15px;}
.classify li p a.hover,.classify li p a:hover{color:#cc3333;}

.screen{background:#333333;line-height:30px;padding:10px 0;margin-top:20px;}
.screen input{outline: none;float:left;}

.select{float:left;}
.select strong{float:left;color:#fff;font-size:12px;padding-left:20px;width:70px;}
.select select{float:left;height:30px;line-height:30px;border:none; background:#fff;color:#666;margin-right:6px;font-size:12px;padding:0 10px; cursor: pointer; outline: none;}
.select p{float:left;color:#fff;font-size:12px;padding-left:10px;}

.search{padding-left:20px;float:left;padding-top:10px;}
.input_ss{height:30px;line-height:30px;border:none; background:#fff;color:#666;font-size:12px;padding-left:10px;width:230px;}

/************************工地实况**************************/
.table{margin:30px 0 0;}
.table table{width:100%;border:1px solid #dddddd;text-align:center; background: #fff;}
.table th{height:48px;line-height:48px;color:#fff;font-size:14px; background: #cc3333;border:1px solid #cc8080;padding:0 10px;}
.table td{height:48px;line-height:48px;color:#666;font-size:14px;border:1px solid #e5e5e5;padding:0 10px;}
.table td strong{color:#333;}
.table td a{display: inline-block;color:#fff;font-size:14px; background: #888;padding:0 15px;line-height:26px;border-radius: 5px;}
.table td a:hover{background: #cc3333;}

.make{ background: #333333;line-height:30px;padding:15px 20px;color:#fff;}
.make strong{ display: block;float:left;font-size:18px;padding-right:10px;}
.make p{font-size:14px;}
.make ul{padding-top:15px;}
.make span{display: block;float:left;padding-right:5px;}
.make input{  outline: none;}
.input_1{display: block;float:left;width:120px;height:30px;line-height:30px;font-size:12px;color:#666;padding:0 10px;border:none;margin-right:15px;border-radius: 5px;}
.btnRed{display: block;float:left;color:#fff;font-size:18px;padding:0 20px;height:34px;line-height:34px;margin-top:-2px;background: #cc3333;cursor: pointer;border-radius: 5px;border:none;}

/************************热装楼盘**************************/

.houses{margin-left:-1%;}
.houses li{float:left;margin-top:20px;width:24%;margin-left:1%; overflow: hidden;}
.houses li a{display:block;overflow: hidden;}
.houses li p{ background: #fff;border:1px solid #dcdada;border-top:none;line-height:44px;padding:0 12px;}
.houses li strong{ display:block;float:left;}
.houses li strong a{color:#333;}
.houses li span{ display:block;float:right;color:#666;}
.houses li img{transition: .5s transform;transform: translateZ(0);}
.houses li:hover a{color:#cc3333;}
.houses li:hover img{transform: scale(1.1, 1.1);transition:1s transform;}


/************************品质保障**************************/
.promNav li{float:left;text-align:center;width:16%;padding:40px 2%;}
.promNav li strong{display:block;font-size:20px;color:#333;line-height:50px;padding:10px 0 0;}
.promNav li p{color:#666666;font-size:14px;line-height:24px;}
.promNav li img{max-width:100%;}

.promise{background:#fff;padding:25px 20px 30px;}
.promise ul{float:left;}
.promise li{float:left; position: relative;margin:1% 0 0 1%;}
.promise li p{position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:14px;color:#fff;line-height:28px; background:#333;}
.promise li img{width:100%;}
.promise .one{width:26%;}
.promise .two{width:36.5%;}

.small{width:49%;}

/************************客户见证**************************/
.witness{margin-left:-1%;}
.witness li{float:left; background: #fff;width:19%;margin-left:1%;margin-top:20px;}
.witness li strong{display:block;text-align:center;font-size:14px;line-height:30px;padding-top:5px;}
.witness li strong a{color:#333;}
.witness li img{width:100%;}
.witness li p{font-size:12px;color:#666666;line-height:20px;padding:0 18px 15px;}

.witness li:hover{cursor:pointer;-moz-box-shadow:0 2px 10px #ccc;-webkit-box-shadow:0 2px 10px #ccc;box-shadow:0 2px 10px #ccc;}
.witness li:hover strong a{color:#cc3333;}

.title{height:60px;line-height:60px;padding-top:20px;border-bottom:1px solid #e5e5e5;}
.title strong{display:block;float:left;font-size:18px;color:#333;}
.title span{display:block;float:right;padding-right:2px;}
.title span a{font-size:14px;color:#888;padding-right:20px;background:url(../images/ico_7.png) no-repeat right center;}
.title span a:hover{color:#666;}

/************************施工团队**************************/
.pad50{padding-bottom:50px;}
.spirit{padding:20px 20px;margin-bottom:20px;background: #fff;text-align:center;}
.spirit strong{ display:inline-block;width:40%;}
.spirit span{ display:inline-block;width:58.5%;padding-left:1.5%;}
.spirit img{margin:0 0;max-width:100%;}

/************************在线预约**************************/
.mapBg{width:100%;height:540px;padding-top:60px;background: url(../images/map.jpg) no-repeat center center;}
.bg2{background:url(../images/bg_2.png) repeat;}

.yue{padding:30px 0 30px 20px;width:560px;float:left;}
.yue dt{height:36px;line-height:36px;}
.yue dt a{display:block;float:left; position: relative;height:36px;line-height:36px;margin-right:20px;padding:0 20px;color:#333;font-size:16px; background: #e8e8e8;border-radius: 5px;}
.yue dt b{display:none;position: absolute;left:50%;bottom:-6px;margin-left:-7px;width:14px;height:7px; background: url(../images/ico_15.png) no-repeat;}
.yue dt a:hover,.yue dt a.hover{color:#fff; background: #cc3333;}
.yue dt a:hover b,.yue dt a.hover b{display:block;}

.yue dd{padding:10px 0;}

.xiu p{line-height:30px;font-size:14px;color:#666;}
.xiu li{padding-top:18px;float:left;margin-right:20px;}
.xiu li strong{display:block;float:left;width:80px;padding-right:15px;height:32px;line-height:32px;text-align:right;font-size:12px;color:#444;background: #e8e8e8;}
.xiu li font{color:#fd0000;}
.xiu li .input_2{display:block;float:left;width:150px;font-size:12px;color:#444;height:32px;line-height:32px;border:none;padding-left:10px; outline: none; background: #f4f4f4;}
.xiu li textarea{width:510px;border:none; background: #e8e8e8;color:#444;font-size:12px;line-height:20px;padding:8px 10px;height:80px; outline: none;}

.btnTi{height:32px;line-height:32px;padding:0 20px;color:#fff;font-size:14px; background: #717171;border:1px solid #9a9a9a;margin-right:10px; cursor: pointer;}
.btnTi.hover{height:32px;line-height:32px;padding:0 20px;color:#fff;font-size:14px; background: #2b2b2b;border:1px solid #2b2b2b;}

/************************联系方式**************************/
.contact{padding:30px 20px 30px 0;float:right;width:300px;}
.contact span{display:block;color:#cc3333;font-size:14px;line-height:50px;padding-top:20px;}

.contact li{padding-top:20px;width:100%; clear: both; overflow: hidden;}
.contact li em{display:block;float:left;width:20px;}
.contact li p{float:left;padding-left:10px;font-size:14px;color:#666;line-height:20px;width:270px;}
.contact li b{display:block;color:#2a2a2a;font-size:32px;line-height:50px;}

/************************side右侧**************************/
.side{width:280px;padding:30px 0; position: absolute;right:10px;top:0;}

.order{border:1px solid #e5e5e5; background: #fff;}
.order h3{border-top:5px solid #cc3333;color:#333;font-size:18px;text-align:center;line-height:36px;padding-top:15px;font-weight:bold;}
.order p{font-size:14px;color:#666;text-align:center;line-height:30px;}
.order strong{display:block;text-align:center;padding:30px 0;}

.order ul{padding:0 20px;}
.order li{margin-top:8px;}
.order li em{display:block;float:left;width:38px;text-align:center;height:26px;line-height:26px;border-right:1px solid #e3e3e3;}
.order li img{margin-top:-2px;}
.input_3{float:left;padding-left:10px;color:#666;font-size:14px;height:26px;line-height:26px; background: none;border:none;}
.lou{float:left;width:110px;padding-left:10px;color:#666;font-size:14px;height:38px;line-height:38px; background: #f4f4f4;border:none;}
.area{float:right;width:100px;padding-left:10px;color:#666;font-size:14px;height:38px;line-height:38px; background: #f4f4f4;border:none;}

.btnRedBig{display: block;width:100%;color:#fff;font-size:18px;height:40px;line-height:40px;text-align:center;background: #cc3333;cursor: pointer;border-radius: 5px;border:none;}

.bgf4{padding:6px 0;background: #f4f4f4;}
.ad{border:1px solid #e5e5e5;margin-top:10px;}

.cont{border:1px solid #e5e5e5; background: #fff;margin:30px 290px 50px 0;padding:0 20px;min-height:818px;}
.cont h3{font-size:18px;font-weight:bold;color:#333;border-bottom:1px solid #eeeeee;height:58px;line-height:58px;}

/************************客户见证**************************/
.newsImg li{padding-top:20px}
.newsImg li em{display:block;float:left;}
.newsImg li p{margin-left:140px;}
.newsImg li strong{display:block;font-size:14px;color:#333;line-height:22px;}
.newsImg li strong a{color:#333;}
.newsImg li span{display:block;font-size:12px;color:#666;line-height:20px;height:40px; overflow: hidden;}
.newsImg li font{display:block;font-size:12px;color:#999999;line-height:18px;}
.newsImg li:hover a{color:#cc3333;}

/************************装修问答**************************/
.answers li{height:40px;line-height:40px;border-bottom:1px dotted #ededed;width:100%; clear: both; overflow: hidden;}
.answers li a{display:block;float:left;padding-left:10px; background:url(../images/ico_18.png) no-repeat left center;font-size:12px;color:#666;}
.answers li a:hover{color:#cc3333;}
.answers li span{display:block;float:right;color:#888;font-size:12px;}

/************************实景作品info**************************/
.cont1{border:1px solid #e5e5e5; background: #fff;margin:0 300px 0 0;min-height:818px;}

.borD{border-bottom:1px solid #ddd;}

.caption{margin:0 30px;border-bottom:1px solid #e5e5e5;padding:15px 0 10px; position:relative;}
.caption h3{font-size:18px;color:#333;line-height:36px;}
.caption strong{display:inline-block;padding-right:20px;color:#666;font-size:14px;line-height:30px;}
.caption strong img{margin-right:5px;margin-top:-3px;}
.fen{position:absolute;right:0;top:45px;}

.article{padding:10px 30px;}
.article p{font-size:14px;color:#333;line-height:24px;padding:10px 0;}
.article em{display:block;padding:10px 0;text-align:center;}
.article img{max-width:100%;}

.pian{height:60px;line-height:60px;margin:0 30px;border-top:1px solid #e5e5e5;font-size:14px;color:#333;}
.pian a{font-size:14px;color:#333;}
.pian a:hover{color:#cc3333;}

.tag{padding:10px 30px; background: #f9f9f9;border-top:1px solid #e5e5e5;font-size:14px;color:#888;line-height:24px;}
.tag strong{display:block;float:left;width:50px;}
.tag p{margin-left:50px;}
.tag p a{color:#888;display:inline-block;padding:0 10px;}
.tag p a:hover{color:#cc3333;}

/************************公司团队info**************************/
.mt10{margin-top:10px;}

.xing{border:1px solid #e5e5e5; background: #fff;text-align:center;line-height:22px;padding:15px 0 12px;}
.xing strong{color:#666666;font-size:14px;}
.xing b{color:#cc3333;font-size:18px;font-weight:normal;padding:0 3px;}
.xing img{margin:0 2px; cursor: pointer;}

.cont2{border:1px solid #e5e5e5; background: #fff;margin:0 290px 0 0;min-height: 510px;}


.designImg{width:310px;float:left;}
.designImg img{width:100%;}

.design{width:380px;float:right; }

.designT{border-bottom:1px solid #e5e5e5;margin-right:20px;position: relative;}
.designT h3{color:#333333;font-size:30px;line-height:70px; background: url(../images/ico_21.png) no-repeat left bottom;}
.designT font{color:#cc3333;font-size:14px;border:1px solid #cc3333;margin-left:15px;line-height:20px;padding:0 6px;border-radius: 3px;}
.designT p{padding:15px 0;color:#888888;font-size:14px;line-height:20px;padding-right:0;}

.designText{color:#333333;font-size:14px;line-height:24px;height:370px; overflow: auto;}
.designText p{padding:8px 10px 8px 0;}
.designText b{font-weight:bold;}

/************************精品案例INFO**************************/
.vip{background:#fff;border:1px solid #e5e5e5;padding:0 20px 0;}
.vip ul{padding:10px 0;}
.vip li{color:#666666;font-size:12px;line-height:24px;}
.vip em{ position:relative;display:block;float:left;margin:25px 20px 20px 0; width:80px; height:80px; border-radius:100%; text-align:center; overflow:hidden}
.vip em img{ position:absolute; top:0; left:0px; width:80px; height:auto;}
.vip p{float:left;color:#888888;font-size:14px;line-height:24px;padding-top:25px;}
.vip p strong{display:block;font-size:18px;color:#333;line-height:30px;}
.vip p font{color:#269edc;font-size:14px;}
.caseIcor{padding:12px 0 10px;text-align:center;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.caseIcor span{display:inline-block;width:33%;font-size:12px;color:#888;line-height:20px;}
.caseIcor span img{display:block;margin:0 auto 3px;}
.caseIcor b{display:inline-block;width:1px;height:34px; background: #eeeeee;}

.cont3{margin:0 300px 0 0;min-height: 810px;}

.caption1{border:1px solid #e5e5e5;padding:15px 30px 10px; position:relative; background: #fff;}
.caption1 h3{font-size:18px;color:#333;line-height:36px;}
.caption1 strong{display:inline-block;padding-right:20px;color:#666;font-size:14px;line-height:30px;}
.caption1 strong img{margin-right:5px;margin-top:-3px;}

.caption1 .fen{right:20px;}

.preview{padding:20px 30px; position: relative;}
.preview .arrow-left {background:url(../images/ico_left.png) no-repeat left top;position: absolute;left: 0;top: 50%;margin-top: -11px;width: 12px;height: 22px;z-index: 10;}
.preview .arrow-right {background: url(../images/ico_right.png) no-repeat left bottom;position: absolute;right: 0;top: 50%;margin-top: -11px;width: 12px;height: 22px;z-index: 10;}
.preview img {padding: 1px;}
.preview .active-nav img {padding: 0;border: 1px solid #cc3333;}
.preview .swiper-slide {cursor: pointer;width:18%;height: 100%;}

/*************************首页*************************/
/*************************搜索*************************/
.homeSearch{line-height:50px;background: #f6f6f6;padding-bottom:10px;}
.homeSearch p{color:#666;font-size:14px;padding-left:30px;background: url(../images/ico_22.png) no-repeat left center;}
.homeSearch p a{padding:0 10px;color:#666;}
.homeSearch p a:hover{color:#cc3333;}

.search_input{padding-top:4px;}
.search_input span{display:block;float:left;width:60px;height:30px;line-height:30px;border:1px solid #999;color:#333;font-size:14px;text-align:center;border-right:none; background: #f6f6f6;}
.input_ss{float:left;padding-left:15px;width:260px;height:30px;line-height:30px;border:1px solid #999;color:#333;font-size:14px;border-right:none; background: #fff;}
.btnSS{float:left;color:#fff;font-size:14px;padding:0 15px;text-align:center;height:32px;line-height:32px; background: #464646;border:1px solid #464646; cursor: pointer;}

.homeTit1{text-align:center;width:100%; background:url(../images/bg_3.png) no-repeat center 60px;padding:60px 0 35px;}
.homeTit1 h3{color:#333;font-size:26px;line-height:30px;font-weight:bold;}
.homeTit1 span{display:block;color:#888;padding-top:4px;font-size:12px;line-height:20px;letter-spacing:4px;text-transform: uppercase;}
.homeTit1 img{;padding:10px 0;}
.homeTit1 p{color:#888;font-size:14px;line-height:30px;}

.designCase{text-align:center;}
.designCase .type{padding:0 150px 20px;text-align:center;}
.designCase .type .swiper-slide{display:inline-block;font-size:14px;color:#888;border-radius: 4px; cursor: pointer;}
.designCase .type .swiper-slide.active-nav{color:#fff; background: #cc3333;}

.designCase .view ul{margin-left:-1%;}
.designCase .view  li{float:left;width:24%;margin-left:1%;margin-top:1%; position: relative; overflow: hidden;}
.designCase .view  li img{max-width:100%;}
.designCase .view  li p{display:none;position:absolute;left:0;top:0;right:0;bottom:0;padding-top:60px;background: url(../images/bg_1.png) repeat;}
.designCase .view  li strong{display:block;color:#fff;font-size:14px;line-height:36px;}
.designCase .view  li:hover p{display:block;}

.more{padding:40px 0;text-align:center;}
.more a{display:inline-block;height:34px;line-height:34px;text-align:center;padding:0 16px;border:1px solid #888;color:#888;font-size:14px;border-radius: 3px;}
.more a:hover{background: #cc3333;color:#fff;border:1px solid #cc3333;}

/************************首页公司团队**************************/
.homeTeamList ul{margin-left:-1%;}
.homeTeamList li{float:left;width:15.4%;margin-left:1%;}

.teamBg{background:url(../images/bg_5.jpg) no-repeat center bottom;}

.homeTeam{border:1px solid #e6e4e4; background: #fff;text-align:center;transition: .5s transform;transform: translateY(0);}
.homeTeam:hover{transform: translateY(-5px);transition:1s transform;}


.homeTeam a{display:block; }
.homeTeam em{display:block; position:relative;}
.homeTeam em img{max-width:100%;}
.homeTeam em span{display:none; position:absolute;left:0;top:0;right:0;bottom:0;font-style:normal;line-height:30px;background: url(../images/bg_1.png) repeat;text-align:center;color:#fff;font-size:14px;}
.homeTeam em span img{margin-top:110px;}
.homeTeam p{font-size:14px;color:#666;line-height:20px;padding:8px 5px;}
.homeTeam p strong{display:block;font-weight:bold;color:#333;}

.homeTeam:hover span{display:block;}
.homeTeam:hover p{color:#fff; background: #cc3333;}
.homeTeam:hover strong{color:#fff;}

/************************首页装修课堂**************************/
.knowledge{margin-left:-1%;padding-bottom:20px;}
.knowledge dl{width:32.33%;margin-left:1%;float:left;padding-bottom:20px;}
.knowledge dt{border-bottom:1px solid #ccc;}
.knowledge dt img{width:100%;}
.knowledge h3{font-size:18px;color:#333;font-weight:bold;height:45px;line-height:45px;padding-top:5px;}
.knowledge h3 span{display:block;float:right;font-size:14px;color:#666;font-weight:normal;}
.knowledge h3 span a{color:#666;display:block;padding-right:18px; background: url(../images/ico_7.png) no-repeat right center;}
.knowledge ul{padding:10px 0;}
.knowledge li{height:30px;line-height:30px;}
.knowledge li a{font-size:14px;color:#666;}
.knowledge li a:hover{color:#cc3333;}

/************************首页客户见证**************************/
.bgea{background:#eaeaea; }

.homeWitness{padding-bottom:10px;}
.homeWitness .swiper-slide{background: #fff;}
.homeWitness .swiper-slide strong{display:block;text-align:center;font-size:14px;line-height:30px;padding-top:5px;}
.homeWitness .swiper-slide strong a{color:#333;}
.homeWitness .swiper-slide img{width:100%;transition: .5s transform;transform: translateZ(0);}
.homeWitness .swiper-slide p{font-size:12px;color:#666666;line-height:20px;padding:0 18px 15px;}
.homeWitness .swiper-slide a{display:block;overflow: hidden;}
.homeWitness .swiper-slide:hover{cursor:pointer;-moz-box-shadow:0 2px 10px #ccc;-webkit-box-shadow:0 2px 10px #ccc;box-shadow:0 2px 10px #ccc;}
.homeWitness .swiper-slide:hover strong a{color:#cc3333;}

.homeWitness .swiper-slide:hover  img{transform: scale(1.1, 1.1);transition:1s transform;}



.witness-prev{position:absolute;left:0px;top:50%;width:12px;height:30px;margin-top:-15px; z-index: 9; background: url(../images/ico_left.png) no-repeat; background-size:100% 100%; cursor: pointer;}
.witness-next{position:absolute;right:0px;top:50%;width:12px;height:30px;margin-top:-15px; z-index: 9; background: url(../images/ico_right.png) no-repeat;background-size:100% 100%;cursor: pointer;}

/************************首页工地实况**************************/
.moreC{text-align:center;padding:0px 0;}
.moreC a{display:inline-block;margin:30px 0;height:34px;line-height:34px;text-align:center;padding:0 16px;border:1px solid #888;color:#888;font-size:14px;border-radius: 3px;}

/************************首页品质保障********************
.bg6{background:url(../images/bg_6.jpg) no-repeat center top;}
.quality{margin-left:-1%;}
.quality li{float:left;width:19%;margin-left:1%; background: #fff;text-align:center;padding:40px 0 30px;margin-bottom:60px;
transition:background .5s;
}
.quality li strong{display:block;font-size:18px;color:#333;line-height:30px;font-weight:bold;padding-top:10px;}
.quality li p{font-size:14px;color:#666;line-height:24px;}
.quality li img{border-radius:50%;}
.quality li:hover{background:#cc3333; cursor: pointer;}
.quality li:hover strong{color:#fff;}
.quality li:hover p{color:#ccc;}******/

.bg6{background:url(../images/bg_6.jpg) no-repeat center top;}
.quality{ background: #fff;text-align:center;padding:40px 0 30px;margin-bottom:60px;
transition:background .5s;
}
.quality strong{display:block;font-size:18px;color:#333;line-height:30px;font-weight:bold;padding-top:10px;}
.quality p{font-size:14px;color:#666;line-height:24px;}
.quality img{border-radius:50%;}
.quality:hover{background:#cc3333; cursor: pointer;}
.quality:hover strong{color:#fff;}
.quality:hover p{color:#ccc;}


.homeTit2{text-align:center;width:100%; background:url(../images/bg_3.png) no-repeat center 60px;padding:60px 0 35px;}
.homeTit2 h3{color:#fff;font-size:26px;line-height:30px;font-weight:bold;}
.homeTit2 span{display:block;color:#ccc;padding-top:4px;font-size:12px;line-height:20px;letter-spacing:4px;text-transform: uppercase;}
.homeTit2 img{;padding:10px 0;}
.homeTit2 p{color:#ccc;font-size:14px;line-height:30px;}

/************************首页工艺细节**************************/
.craft{margin-left:-1%;padding-bottom:60px;}
.craft li{float:left;margin-left:13px;position: relative;margin-bottom:13px;width:24%;margin-left:1%; overflow: hidden;}
.craft li p{position:absolute;left:0;bottom:0;right:0;text-align:center;font-size:14px;color:#fff;height:40px;line-height:40px; background: url(../images/bg_1.png) repeat;}
.craft li img{max-width:100%;}
.craft li img{transition: .5s transform;transform: translateZ(0);}
.craft li:hover img{transform: scale(1.1, 1.1);transition:1s transform;}

.bigtwo0{display:none;}

.craft li.bigtwo{width:49%;}

.banner{width:100%;height:400px;}
.banner .swiper-slide{width:100%;height:400px;}

.rel{position: relative}
.homeBg{background:#fff;}


/**************************************************/
/**************************************************/
.sider{ position:fixed;right:5px;bottom:160px; z-index: 99;display: none;}
.online em{display:block; cursor: pointer;}
.online dl{background: #fff; position: absolute;right:0px;bottom:110px;border-radius: 5px;overflow: hidden;box-shadow: 0 2px 10px #666;}
.online dt{height:45px;line-height:45px; background: #000;width:105px;padding:0 10px;}
.online dt strong{display:block;float:left;color:#fff;font-size:15px;font-weight:normal;}
.online dt span{display:block;float:right; cursor: pointer;}
.online dd{padding:0 10px 18px;text-align:center;}
.online dd a{display:block;height:44px;line-height:44px;border-bottom:1px solid #e5e5e5;color:#333;text-align:left;font-size:14px;}
.online dd a img{margin:0 10px 0 6px;}
.online dd p{color:#cc3333;font-size:14px;line-height:36px;}

.backTop{margin-top:10px; cursor: pointer;}

/**************************************************/
/**************************************************/
.quote{position:fixed;left:0;bottom:180px; z-index: 99;width:122px;}
.price{position:fixed;left:-100%;bottom:0px;right:0;width:100%;height:;background:url(../images/bg_7.png) repeat;  z-index: 99;}

.priceImg{ position:absolute;left:10px;bottom:0; cursor: pointer;}

.priceInput{margin-left:430px;height:150px;}
.priceInput p{width:450px;text-align:center;color:#fff;font-size:14px;line-height:50px;}
.priceInput p font{color:#cc3333;font-size:14px; display: inline-block;padding:0 3px;}
.priceInput ul{width:450px;}
.priceInput li{margin-right:3px;margin-bottom:3px;float:left;width:220px;}
.input_4{width:100%;border:none; background: #fff;height:37px;line-height:37px; text-indent: 10px;color:#666;font-size:14px;}

.priceWx{margin-right:70px;margin-top:50px;display: none;}

.priceClose{position:absolute;right:10px;top:15px; cursor: pointer; opacity: .6;}
.priceClose:hover{opacity:1;}

/**************************************************/
/**************************************************/

.mask{position:fixed;left:0;top:0;bottom:0;right:0; background: url(../images/bg_7.png) repeat; z-index: 999;}

.visit{width:560px;position:fixed;left:50%;top:50%;margin-left:-280px;margin-top:-200px; background: #fff;border-top:5px solid #cc3333; z-index: 9999;}
.visit_t{text-align:center;padding-bottom:30px;}
.visit_t em{display:block;margin-top:-30px;}
.visit_t h3{font-size:24px;color:#333;line-height:40px;font-weight:bold;padding-top:10px;}
.visit_t h3 b{color:#cc3333;}
.visit_t p{font-size:14px;color:#666;line-height:30px;padding-bottom:15px;}
.visit_t img{max-width:100%;}

.visitClose{ position:absolute;right:10px;top:10px; opacity: .5;}
.visitClose:hover{opacity:1;}

.visitWx{float:left;text-align:center;margin-left:50px;width:132px;}
.visitWx img{border:1px solid #eee;width:100%;}
.visitWx p{font-size:14px;line-height:20px;color:#666;padding:5px 0 20px;}

.order1{float:right;width:290px;margin-right:50px;padding-bottom:25px;}

.order1 li{margin-bottom:8px;}
.order1 li em{display:block;float:left;width:38px;text-align:center;height:38px;line-height:38px;border-right:1px solid #e3e3e3;}
.order1 li img{margin-top:-2px;}
.order1 .input_5{float:left;width:220px;padding-left:10px;color:#888;font-size:14px;height:38px;line-height:38px; background: none;border:none;}
.order1 p{text-align:center;font-size:14px;line-height:40px;color:#666;}
.order1 p b{font-size:20px;color:#333;}
.order1 p img{margin:-3px 3px 0 0;}

.bgf44{background:#f4f4f4;}
/**************************************************/
/**************************************************/


}

@media (max-width: 768px) {

.w1200{padding:0 0;}


/************************header头部**************************/
.logo{padding:15px 10px;width:40%;}
.logo img{max-width:100%;}
.header{ position:relative;}

.tell{padding:25px 90px 20px 0;}
.tell p{font-size:18px;color:#cc3333;text-align:center;line-height:20px;padding-top:5px;}

.menu{display:none;}
.menu-button {position:absolute; cursor: pointer;top:50%;right:10px;z-index:10;display:block;margin-top:-22px;width:30px;height:24px;padding:10px;background-color:#000;}
.menu-button span {display:block;width:100%;height:5px;margin-bottom:4px;background-color:#fff;}

.nav li{position: relative;font-size:14px;}
.nav li strong{display:block;height:46px;line-height:46px;font-weight:bold;}
.nav li strong a{color:#ccc;display:block;border-bottom:1px solid #242424;padding:0 18px;}
.nav li p{width:100%;}
.nav li p a{color:#ccc;display:block;font-size:14px;height:44px;line-height:44px;padding-left:34px;border-bottom:1px solid #242424;}

/************************底部**************************/
.copy{padding:20px 10px 15px;text-align:center;background: #000;color:#888888;}
.copy p{padding-bottom:5px;line-height:20px;}
.copy a{font-size:12px;color:#888888; display: inline-block;padding:0 3px;}
.copy a:hover{color:#fff;}

.help,
.help:before,
.help:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.help{margin:40px 0 0 0;color:#fff;border-right:1px solid #3e3e3e;width:33.33%;text-align:center;}
.help dt{font-size:14px;line-height:18px;padding-bottom:10px;}
.help dd a{display:block;color:#fff;font-size:12px;line-height:24px;}
.help dd a:hover{color:#999;}

.us{margin:30px 0;color:#fff;width:40%;padding-left:5%}
.us dt{font-size:14px;line-height:18px;padding-bottom:10px;}
.us dd{font-size:12px;line-height:25px;}

.wei{padding:50px 0 30px;width:50%;}
.wei li{float:left;text-align:center;width:46%;padding-right:4%;}
.wei li p{color:#ccc;font-size:12px;line-height:20px;padding-top:5px;}
.wei li img{max-width:100%;}

.borTop{border-top:1px solid #f5f5f5;}

.pledge{padding:30px 0 0 10px;}
.pledge li{width:50%;float:left;padding-bottom:15px;}
.pledge li em{display:block;width:73px;float:left;}
.pledge li p{margin-left:88px;color:#888888;font-size:12px;padding-right:10px;}
.pledge li strong{display:block;font-size:18px;color:#333;line-height:30px;}


/************************分页**************************/
.page{text-align:center;padding:30px 0;}
.page a{display:inline-block;margin:0 2px;color:#666666;font-size:12px; background: #fff;border:1px solid #e5e5e5;height:28px;line-height:26px;padding:0 10px;}
.page a:hover,.page a.hover{color:#fff;font-size:12px; background: #cc3333;border:1px solid #cc3333;}
.page span{display:inline-block;margin:0 2px;color:#666666;font-size:12px; background: #fff;border:1px solid #e5e5e5;height:28px;line-height:26px;padding:0 10px;}


/************************面包屑导航**************************/
.borDown{border-bottom:1px solid #eaeaea;}

.site{display:none;height:60px;line-height:60px;color:#666666;font-size:14px;padding-left:10px; background: url(../images/ico_1.png) no-repeat 2px center;}
.site a{display:inline-block;padding:0 10px;color:#666666;}
.site a:hover{color:#333;}
.site span{display:inline-block;padding:0 10px;color:#666666;}
.site img{margin-top:-3px;}

.siteNav li{float:left;height:50px;padding:0 10px;}
.siteNav li a{display:block;line-height:46px;color:#666;font-size:14px;padding:2px 10px 0;font-weight:bold;}
.siteNav li a:hover,.siteNav li a.hover{color:#cc3333;border-bottom:2px solid #cc3333;}

/************************VR场景列表**************************/
.list_VR{padding:0 20px;}
.list_VR ul{margin-left:-2%;}
.list_VR li{float:left;width:48%; background: #fff;font-size:14px;margin:20px 0 0 2%;}
.list_VR li a{display: block;}
.list_VR li em{ position:relative;display: block;}
.list_VR li em img{max-width:100%;}
.list_VR li p{display:none;position:absolute;left:0;top:0;width:100%;height:100%; z-index: 9; background: url(../images/bg_1.png) repeat;text-align:center;}
.list_VR li p img{position:absolute;left:50%;top:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;}

.list_VR li strong{display: block;float:left;line-height:60px;padding-left:10px;color:#333;}
.list_VR li span{display: block;float:right;height:60px;line-height:60px;color:#888888;padding-left:25px;padding-right:10px;background: url(../images/ico_3.png) no-repeat left center;}
.list_VR li a:hover strong{color:#cc3333;}
.list_VR li a:hover span{color:#cc3333;background: url(../images/ico_3a.png) no-repeat left center;}
.list_VR li a:hover p{display:block;}

/************************bannerTit**************************/
.bannerTit{height:200px;width:100%;}
.bgImg1{background:url(../images/tit_1.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg2{background:url(../images/tit_2.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg3{background:url(../images/tit_3.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg4{background:url(../images/tit_4.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg5{background:url(../images/tit_5.jpg) no-repeat center top;background-size: auto 100%;}
.bgImg6{background:url(../images/tit_6.jpg) no-repeat center top;background-size: auto 100%;}

/************************公司团队**************************/
.team ul{margin-left:8px;}
.team li{float:left;margin:20px 0 0 20px;width:224px;border:1px solid #e6e4e4; background: #fff;text-align:center;}
.team li,
.team li:before,
.team li:after{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.team li a{display:block; }
.team li em{display:block; position:relative;}
.team li em img{max-width:100%;}
.team li em span{display:none; position:absolute;left:0;top:0;right:0;bottom:0;font-style:normal;line-height:30px;width:100%;height:100%;background: url(../images/bg_1.png) repeat;text-align:center;color:#fff;font-size:14px;}
.team li em span img{margin-top:110px;}
.team li p{font-size:14px;color:#666;line-height:20px;padding:8px 5px;}
.team li p strong{display:block;font-weight:bold;color:#333;}

.team li:hover span{display:block;}
.team li:hover p{color:#fff; background: #cc3333;}
.team li:hover strong{color:#fff;}

/************************工艺品质**************************/
.tit{text-align:center;padding:50px 10px 30px;}
.tit p{color:#666666;font-size:16px;line-height:30px;padding:15px 30px 0;}
.tit img{max-width:100%;}

.project{background:#fff;text-align:center;padding:35px 50px;margin:0 0;}
.project li{display:inline-block;font-size:0;}
.project li img{margin:2px;}

.process{background:#fff;text-align:center;padding:40px 10px;}
.process img{max-width:100%;}

.case{padding:0 15px;}
.case dt{height:60px;line-height:60px;padding-top:20px;border-bottom:1px solid #e5e5e5;}
.case dt strong{display:block;float:left;font-size:18px;color:#333;}
.case dt span{display:block;float:right;padding-right:2px;}
.case dt span a{font-size:14px;color:#888;padding-right:20px;background:url(../images/ico_7.png) no-repeat right center;}
.case dt span a:hover{color:#666;}


.caseList{margin-left:-2%;}
.caseList li{float:left; background:#fff;text-align:center;margin-left:2%;margin-top:20px;width:48%;}
.caseList li em{display:block;position: relative;}
.caseList li em img{max-width:100%;}
.caseList li p{display:none;position:absolute;left:0;top:0;width:100%;height:100%; background: url(../images/bg_1.png) repeat;text-align:center;}
.caseList li p img{ display:block;margin:0 auto;}
.caseList li p a{display:inline-block;margin-top:50px;padding:10px 20px;color:#fff;font-size:14px;font-style: normal;line-height:30px;}

.caseList li h3{color:#333333;font-size:18px;line-height:30px;padding-top:10px;}
.caseList li h3 a{color:#333;}
.caseList li strong{display:block;font-size:12px;color:#ccc;line-height:20px;}
.caseList li:hover{-moz-box-shadow:2px 2px 10px #ccc;-webkit-box-shadow:2px 2px 10px #ccc;box-shadow:2px 2px 10px #ccc; cursor: pointer;}
.caseList li:hover h3 a{color:#cc3333;}
.caseList li:hover p{display:block;}
.caseIco{padding:10px 0 20px;text-align:center;}
.caseIco span{display:inline-block;padding:0 25px;font-size:12px;color:#888;line-height:20px;}
.caseIco span img{display:block;margin:0 auto 3px;}
.caseIco b{display:inline-block;width:1px;height:35px; background: #eeeeee;}


/************************装修案例**************************/
.classify{margin-top:20px;;border:1px solid #eaeaea;background: #fff;}
.classify li{border-bottom:1px solid #eaeaea;background:#f8f8f8;}

.classify li strong{display:block;float:left;height:40px;line-height:40px;font-size:12px;color:#666;padding-left:25px;width:90px;}
.classify li p{padding:8px;margin-left:115px;background: #fff;border-left:1px solid #eaeaea;}
.classify li p a{display:inline-block;height:24px;line-height:24px;font-size:12px;color:#666;padding:0 15px;}
.classify li p a.hover,.classify li p a:hover{color:#cc3333;}

.screen{display: none;}

/************************工地实况**************************/
.table{margin:20px 0 0;}
.table table{width:100%;border:1px solid #dddddd;text-align:center; background: #fff;}
.table th{line-height:28px;color:#fff;font-size:14px; background: #cc3333;border:1px solid #cc8080;padding:10px 0;}
.table td{line-height:28px;color:#666;font-size:14px;border:1px solid #e5e5e5;padding:10px 5px;}
.table td strong{color:#333;}
.table td a{display: inline-block;color:#fff;font-size:14px; background: #888;padding:0 5px;line-height:26px;border-radius: 5px;}
.table td a:hover{background: #cc3333;}

.make{ background: #333333;line-height:30px;padding:15px 20px;color:#fff;}
.make strong{ display: block;font-size:18px;padding-right:10px;}
.make p{font-size:14px;}
.make ul{padding-top:0;}
.make li{padding-top:15px;float:none;width:100%; clear:both; overflow: hidden;}
.make span{display: block;float:left;padding-right:5px;}
.make input{  outline: none;}
.input_1{display: block;float:left;width:120px;height:30px;line-height:30px;font-size:12px;color:#666;padding:0 10px;border:none;margin-right:15px;border-radius: 5px;}
.btnRed{display: block;float:left;color:#fff;font-size:18px;padding:0 20px;height:34px;line-height:34px;margin-top:-2px;background: #cc3333;cursor: pointer;border-radius: 5px;border:none;}

/************************热装楼盘**************************/

.houses{margin-left:-1%;}
.houses li{float:left;margin-top:20px;width:24%;margin-left:1%;}
.houses li p{ background: #fff;border:1px solid #dcdada;border-top:none;line-height:44px;padding:0 10px;font-size:14px;}
.houses li strong{ display:block;float:left;width:60%;height:44px; overflow: hidden;}
.houses li strong a{color:#333;}
.houses li span{ display:block;float:right;color:#666;font-size:12px;}
.houses li img{width:100%;}
.houses li:hover a{color:#cc3333;}

/************************品质保障**************************/
.promNav li{float:left;text-align:center;width:16%;padding:40px 2%;}
.promNav li strong{display:block;font-size:20px;color:#333;line-height:50px;padding:10px 0 0;}
.promNav li p{color:#666666;font-size:14px;line-height:24px;}
.promNav li img{max-width:100%;}

.promise{background:#fff;padding:10px 5px 15px 10px;}
.promise ul{float:left;}
.promise li{float:left; position: relative;margin:1% 0 0 1%;}
.promise li p{position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:12px;color:#fff;line-height:24px; background:#333;}
.promise li img{width:100%;}
.promise .one{width:26%;}
.promise .two{width:36.5%;}

.small{width:49%;}

/************************客户见证**************************/
.witness{margin-left:-1%;padding:0 10px;}
.witness li{float:left; background: #fff;width:32.33%;margin-left:1%;margin-top:20px;}
.witness li strong{display:block;text-align:center;font-size:14px;line-height:30px;padding-top:5px;}
.witness li strong a{color:#333;}
.witness li img{width:100%;}
.witness li p{font-size:12px;color:#666666;line-height:20px;padding:0 18px 15px;}

.witness li:hover{cursor:pointer;-moz-box-shadow:0 2px 10px #ccc;-webkit-box-shadow:0 2px 10px #ccc;box-shadow:0 2px 10px #ccc;}
.witness li:hover strong a{color:#cc3333;}

.title{height:60px;line-height:60px;padding:10px 10px 0;border-bottom:1px solid #e5e5e5;}
.title strong{display:block;float:left;font-size:18px;color:#333;}
.title span{display:block;float:right;padding-right:2px;}
.title span a{font-size:14px;color:#888;padding-right:20px;background:url(../images/ico_7.png) no-repeat right center;}
.title span a:hover{color:#666;}

/************************施工团队**************************/
.pad50{padding-bottom:50px;}
.spirit{padding:20px 20px;margin-bottom:20px;background: #fff;text-align:center;}
.spirit strong{ display:inline-block;width:40%;}
.spirit span{ display:inline-block;width:58.5%;padding-left:1.5%;}
.spirit img{margin:0 0;max-width:100%;}


/************************在线预约**************************/
.mapBg{width:100%;height:auto;padding:40px 0;background: url(../images/map.jpg) no-repeat center center; background-size:auto 100%;}
.bg2{background:url(../images/bg_2.png) repeat;}

.yue{padding:30px 0 30px 20px;}
.yue dt{height:36px;line-height:36px;}
.yue dt a{display:block;float:left; position: relative;height:36px;line-height:36px;margin-right:20px;padding:0 20px;color:#333;font-size:16px; background: #e8e8e8;border-radius: 5px;}
.yue dt b{display:none;position: absolute;left:50%;bottom:-6px;margin-left:-7px;width:14px;height:7px; background: url(../images/ico_15.png) no-repeat;}
.yue dt a:hover,.yue dt a.hover{color:#fff; background: #cc3333;}
.yue dt a:hover b,.yue dt a.hover b{display:block;}

.yue dd{padding:10px 0;}

.xiu p{line-height:30px;font-size:14px;color:#666;}
.xiu li{padding-top:18px;width:100%; clear: both; overflow: hidden;}
.xiu li strong{display:block;float:left;width:80px;padding-right:15px;height:32px;line-height:32px;text-align:right;font-size:12px;color:#444;background: #e8e8e8;}
.xiu li font{color:#fd0000;}
.xiu li .input_2{display:block;float:left;width:60%;font-size:12px;color:#444;height:32px;line-height:32px;border:none;padding-left:10px; outline: none; background: #f4f4f4;}
.xiu li textarea{width:88%;border:none; background: #e8e8e8;color:#444;font-size:12px;line-height:20px;padding:8px 10px;height:80px; outline: none;}

.btnTi{height:32px;line-height:32px;padding:0 20px;color:#fff;font-size:14px; background: #717171;border:1px solid #9a9a9a;margin-right:10px; cursor: pointer;}
.btnTi.hover{height:32px;line-height:32px;padding:0 20px;color:#fff;font-size:14px; background: #2b2b2b;border:1px solid #2b2b2b;}

/************************联系方式**************************/
.contact{padding:0 0 30px 20px;}
.contact span{display:block;color:#cc3333;font-size:14px;line-height:30px;padding-top:20px;}

.contact li{padding-top:20px;width:100%; clear: both; overflow: hidden;}
.contact li em{display:block;float:left;width:20px;}
.contact li p{font-size:14px;color:#666;line-height:20px;margin-left:30px;}
.contact li b{display:block;color:#2a2a2a;font-size:32px;line-height:50px;}

/************************side右侧**************************/
.side{width:100%;padding:20px 0;}

.order{border:1px solid #e5e5e5; background: #fff;}
.order h3{border-top:5px solid #cc3333;color:#333;font-size:18px;text-align:center;line-height:36px;padding-top:15px;font-weight:bold;}
.order p{font-size:14px;color:#666;text-align:center;line-height:30px;}
.order strong{display:block;text-align:center;padding:30px 0;}

.order ul{padding:0 20px;}
.order li{margin-top:8px;}
.order li em{display:block;float:left;width:38px;text-align:center;height:26px;line-height:26px;border-right:1px solid #e3e3e3;}
.order li img{margin-top:-2px;}
.input_3{float:left;padding-left:10px;color:#666;font-size:14px;height:26px;line-height:26px; background: none;border:none;}
.lou{float:left;width:50%;padding-left:10px;color:#666;font-size:14px;height:38px;line-height:38px; background: #f4f4f4;border:none;}
.area{float:right;width:35%;padding-left:10px;color:#666;font-size:14px;height:38px;line-height:38px; background: #f4f4f4;border:none;}

.btnRedBig{display: block;width:100%;color:#fff;font-size:18px;height:40px;line-height:40px;text-align:center;background: #cc3333;cursor: pointer;border-radius: 5px;border:none;}

.bgf4{padding:6px 0;background: #f4f4f4;}
.ad{border:1px solid #e5e5e5;margin-top:10px; background: #fff;text-align:center;}
.ad img{max-width:100%;}

.cont{border:1px solid #e5e5e5;background: #fff;margin:20px 0 0 0;padding:0 20px;}
.cont h3{font-size:18px;font-weight:bold;color:#333;border-bottom:1px solid #eeeeee;height:58px;line-height:58px;}

/************************客户见证**************************/
.newsImg li{padding-top:20px}
.newsImg li em{display:block;float:left;}
.newsImg li p{margin-left:140px;}
.newsImg li strong{display:block;font-size:14px;color:#333;line-height:22px;}
.newsImg li strong a{color:#333;}
.newsImg li span{display:block;font-size:12px;color:#666;line-height:20px;height:40px; overflow: hidden;}
.newsImg li font{display:block;font-size:12px;color:#999999;line-height:18px;}
.newsImg li:hover a{color:#cc3333;}

/************************装修问答**************************/
.answers li{height:40px;line-height:40px;border-bottom:1px dotted #ededed;width:100%; clear: both; overflow: hidden;}
.answers li a{display:block;float:left;padding-left:10px; background:url(../images/ico_18.png) no-repeat left center;font-size:12px;color:#666;}
.answers li a:hover{color:#cc3333;}
.answers li span{display:block;float:right;color:#888;font-size:12px;}

/************************实景作品info**************************/
.cont1{border:1px solid #e5e5e5; background: #fff;margin:10px 0 10px 0;}

.borD{border-bottom:1px solid #ddd;}

.caption{margin:0 20px;border-bottom:1px solid #e5e5e5;padding:15px 0 10px; position:relative;}
.caption h3{font-size:18px;color:#333;line-height:36px;}
.caption strong{display:inline-block;padding-right:20px;color:#666;font-size:14px;line-height:30px;}
.caption strong img{margin-right:5px;margin-top:-3px;}
.fen{position:absolute;right:0;top:45px;display: none;}

.article{padding:10px 20px;}
.article p{font-size:14px;color:#333;line-height:24px;padding:10px 0;}
.article em{display:block;padding:10px 0;text-align:center;}
.article img{max-width:100%;}

.pian{padding:10px 0;;line-height:30px;margin:0 20px;border-top:1px solid #e5e5e5;font-size:14px;color:#333;}
.pian a{font-size:14px;color:#333;}
.pian a:hover{color:#cc3333;}
.pian .fl,.pian .fr{float: none;}

.tag{padding:10px 20px; background: #f9f9f9;border-top:1px solid #e5e5e5;font-size:14px;color:#888;line-height:24px;}
.tag strong{display:block;float:left;width:50px;}
.tag p{margin-left:50px;}
.tag p a{color:#888;display:inline-block;padding:0 10px;}
.tag p a:hover{color:#cc3333;}

/************************公司团队info**************************/
.mt10{margin-top:10px;}

.xing{border:1px solid #e5e5e5; background: #fff;text-align:center;line-height:22px;padding:15px 0 12px;}
.xing strong{color:#666666;font-size:14px;}
.xing b{color:#cc3333;font-size:18px;font-weight:normal;padding:0 3px;}
.xing img{margin:0 2px; cursor: pointer;}

.cont2{border:1px solid #e5e5e5; background: #fff;margin:10px 0 20px 0;}


.designImg{width:40%;float:left;}
.designImg img{width:100%;}

.design{width:58%;float:right; }

.designT{border-bottom:1px solid #e5e5e5;margin-right:20px;position: relative;}
.designT h3{color:#333333;font-size:30px;line-height:70px; background: url(../images/ico_21.png) no-repeat left bottom;}
.designT font{color:#cc3333;font-size:14px;border:1px solid #cc3333;margin-left:15px;line-height:20px;padding:0 6px;border-radius: 3px;}
.designT p{padding:15px 0;color:#888888;font-size:14px;line-height:20px;padding-right:0;}

.designText{color:#333333;font-size:14px;line-height:24px;height:250px; overflow: auto;}
.designText p{padding:8px 10px 8px 0;}
.designText b{font-weight:bold;}


/************************精品案例INFO**************************/
.vip{background:#fff;border:1px solid #e5e5e5;padding:0 20px 0;}
.vip ul{padding:10px 0;}
.vip li{color:#666666;font-size:12px;line-height:24px;}
.vip em{ position:relative;display:block;float:left;margin:25px 20px 20px 0; width:80px; height:80px; border-radius:100%; text-align:center; overflow:hidden}
.vip em img{ position:absolute; top:0; left:0px; width:80px; height:auto;}
.vip p{float:left;color:#888888;font-size:14px;line-height:24px;padding-top:25px;}
.vip p strong{display:block;font-size:18px;color:#333;line-height:30px;}
.vip p font{color:#269edc;font-size:14px;}
.caseIcor{padding:12px 0 10px;text-align:center;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.caseIcor span{display:inline-block;width:33%;font-size:12px;color:#888;line-height:20px;}
.caseIcor span img{display:block;margin:0 auto 3px;}
.caseIcor b{display:inline-block;width:1px;height:34px; background: #eeeeee;}

.cont3{margin:10px 0 0 0;}

.caption1{border:1px solid #e5e5e5;padding:15px 30px 10px; position:relative; background: #fff;}
.caption1 h3{font-size:18px;color:#333;line-height:36px;}
.caption1 strong{display:inline-block;padding-right:20px;color:#666;font-size:14px;line-height:30px;}
.caption1 strong img{margin-right:5px;margin-top:-3px;}

.caption1 .fen{right:20px;}
.pageview img{width:100%;}

.preview{padding:20px 30px; position: relative;}
.preview .arrow-left {background:url(../images/ico_left.png) no-repeat left top;position: absolute;left:5px;top: 50%;margin-top: -11px;width: 12px;height: 22px;z-index: 10;}
.preview .arrow-right {background: url(../images/ico_right.png) no-repeat left bottom;position: absolute;right:5px;top: 50%;margin-top: -11px;width: 12px;height: 22px;z-index: 10;}
.preview img {padding: 1px;}
.preview .active-nav img {padding: 0;border: 1px solid #cc3333;}
.preview .swiper-slide {cursor: pointer;width:30%;height: 100%;}

/*************************首页*************************/
/*************************搜索*************************/
.homeSearch{background: #f6f6f6;padding:5px 10px 10px;}
.homeSearch p{display:none;color:#666;font-size:14px;padding-left:30px;height:30px;;line-height:30px; overflow: hidden;background: url(../images/ico_22.png) no-repeat left center;}
.homeSearch p a{padding:0 5px;color:#666;}
.homeSearch p a:hover{color:#cc3333;}

.search_input{padding-top:0;padding:0 61px;margin:4px 0 0; position: relative;}
.search_input span{display:block;float:none; position:absolute;left:0;top:0;width:60px;height:30px;line-height:30px;border:1px solid #999;color:#333;font-size:14px;text-align:center;border-right:none; background: #f6f6f6;}
.input_ss{float:none;display:block;padding-left:0;text-indent: 10px ;width:100%;height:30px;line-height:30px;border:1px solid #999;color:#333;font-size:14px;border-right:none; background: #fff;}
.btnSS{float:none;position:absolute;right:0;top:0;width:60px;color:#fff;font-size:14px;text-align:center;height:32px;line-height:32px; background: #464646;border:1px solid #464646; cursor: pointer;}

.homeTit1{text-align:center;width:100%; background:url(../images/bg_3.png) no-repeat center 40px;padding:40px 0 15px;}
.homeTit1 h3{color:#333;font-size:26px;line-height:30px;font-weight:bold;}
.homeTit1 span{display:block;color:#888;padding-top:4px;font-size:12px;line-height:20px;letter-spacing:4px;text-transform: uppercase;}
.homeTit1 img{;padding:10px 0;}
.homeTit1 p{color:#888;font-size:14px;line-height:30px;}

.designCase{text-align:center;}
.designCase .type{padding:0 30px 20px;text-align:center;}
.designCase .type .swiper-slide{display:inline-block;font-size:14px;color:#888;border-radius: 4px; cursor: pointer;}
.designCase .type .swiper-slide.active-nav{color:#fff; background: #cc3333;}

.designCase .view ul{margin-left:-1%;}
.designCase .view li{float:left;width:49%;margin-left:1%;margin-top:1%; position: relative; overflow: hidden;}
.designCase .view li img{width: 100%;}
.designCase .view li p{display:none;position:absolute;left:0;top:0;right:0;bottom:0;padding-top:70px;background: url(../images/bg_1.png) repeat;}
.designCase .view li strong{display:block;color:#fff;font-size:14px;line-height:36px;}


.more{padding:40px 0;text-align:center;}
.more a{display:inline-block;height:34px;line-height:34px;text-align:center;padding:0 16px;border:1px solid #888;color:#888;font-size:14px;border-radius: 3px;}
.more a:hover{background: #cc3333;color:#fff;border:1px solid #cc3333;}

/************************首页公司团队**************************/
.teamBg{background:#f5f4f2 url(../images/bg_5.jpg) no-repeat center bottom;}

.homeTeamList ul{margin-left:0%;}
.homeTeamList li{float:left;width:48%;margin-left:1%;margin-bottom:5px;}

.homeTeam{border:1px solid #e6e4e4; background: #fff;text-align:center;}

.homeTeam a{display:block; }
.homeTeam em{display:block; position:relative;}
.homeTeam em img{max-width:100%;}
.homeTeam em span{display:none; position:absolute;left:0;top:0;right:0;bottom:0;height:100%;font-style:normal;line-height:30px;background: url(../images/bg_1.png) repeat;text-align:center;color:#fff;font-size:14px;}
.homeTeam em span img{margin-top:110px;}
.homeTeam p{font-size:14px;color:#666;line-height:20px;padding:8px 5px;}
.homeTeam p strong{display:block;font-weight:bold;color:#333;}


/************************首页装修课堂**************************/
.knowledge{padding:10px 10px 10px;margin-left:-1%;}
.knowledge dl{float:left;width:32.33%;padding-bottom:20px;margin-left:1%;}
.knowledge dt{border-bottom:1px solid #ccc;}
.knowledge dt img{width:100%;}
.knowledge h3{font-size:18px;color:#333;font-weight:bold;height:45px;line-height:45px;padding-top:5px;}
.knowledge h3 span{display:block;float:right;font-size:14px;color:#666;font-weight:normal;}
.knowledge h3 span a{color:#666;display:block;padding-right:18px; background: url(../images/ico_7.png) no-repeat right center;}
.knowledge ul{padding:10px 0;}
.knowledge li{height:30px;line-height:30px; overflow: hidden;}
.knowledge li a{font-size:14px;color:#666;}
.knowledge li a:hover{color:#cc3333;}

/************************首页客户见证**************************/
.bgea{background:#eaeaea; }

.homeWitness{padding-bottom:10px;}
.homeWitness .swiper-slide{background: #fff;}
.homeWitness .swiper-slide strong{display:block;text-align:center;font-size:14px;line-height:30px;padding-top:5px;}
.homeWitness .swiper-slide strong a{color:#333;}
.homeWitness .swiper-slide img{width:100%;}
.homeWitness .swiper-slide p{font-size:12px;color:#666666;line-height:20px;padding:0 18px 15px;}

.homeWitness .swiper-slide:hover{cursor:pointer;-moz-box-shadow:0 2px 10px #ccc;-webkit-box-shadow:0 2px 10px #ccc;box-shadow:0 2px 10px #ccc;}
.homeWitness .swiper-slide:hover strong a{color:#cc3333;}

.witness-prev{display:none;position:absolute;left:0px;top:50%;width:12px;height:30px;margin-top:-15px; z-index: 9; background: url(../images/ico_left.png) no-repeat; background-size:100% 100%; cursor: pointer;}
.witness-next{display:none;position:absolute;right:0px;top:50%;width:12px;height:30px;margin-top:-15px; z-index: 9; background: url(../images/ico_right.png) no-repeat;background-size:100% 100%;cursor: pointer;}

/************************首页工地实况**************************/
.moreC{text-align:center;padding:0px 0;}
.moreC a{display:inline-block;margin:30px 0;height:34px;line-height:34px;text-align:center;padding:0 16px;border:1px solid #888;color:#888;font-size:14px;border-radius: 3px;}

/************************首页品质保障********************
.bg6{background:url(../images/bg_6.jpg) no-repeat center top;}
.quality{margin-left:-1%;}
.quality li{float:left;width:19%;margin-left:1%; background: #fff;text-align:center;padding:40px 0 30px;margin-bottom:60px;
transition:background .5s;
}
.quality li strong{display:block;font-size:18px;color:#333;line-height:30px;font-weight:bold;padding-top:10px;}
.quality li p{font-size:14px;color:#666;line-height:24px;}
.quality li img{border-radius:50%;}
.quality li:hover{background:#cc3333; cursor: pointer;}
.quality li:hover strong{color:#fff;}
.quality li:hover p{color:#ccc;}******/

.bg6{background:url(../images/bg_6.jpg) no-repeat center top;}
.quality{ background: #fff;text-align:center;padding:40px 0 30px;margin-bottom:60px;}
.quality strong{display:block;font-size:18px;color:#333;line-height:30px;font-weight:bold;padding-top:10px;}
.quality p{font-size:14px;color:#666;line-height:24px;}
.quality img{border-radius:50%;max-width:70%;}


.homeTit2{text-align:center;width:100%; background:url(../images/bg_3.png) no-repeat center 60px;padding:60px 0 35px;}
.homeTit2 h3{color:#fff;font-size:26px;line-height:30px;font-weight:bold;}
.homeTit2 span{display:block;color:#ccc;padding-top:4px;font-size:12px;line-height:20px;letter-spacing:4px;text-transform: uppercase;}
.homeTit2 img{;padding:10px 0;}
.homeTit2 p{color:#ccc;font-size:14px;line-height:30px;}

/************************首页工艺细节**************************/
.craft{margin-left:-1%;padding-bottom:60px;}
.craft li{float:left;position: relative;margin-bottom:10px;width:24%;margin-left:1%;}
.craft li p{position:absolute;left:0;bottom:0;right:0;text-align:center;font-size:14px;color:#fff;height:40px;line-height:40px; background: url(../images/bg_1.png) repeat;}
.craft li img{max-width:100%;}

.craft li.bigtwo{width:49%;}

.bigtwo0{display:none;}

.banner{width:100%;height:300px;}
.banner .swiper-slide{width:100%;height:300px;}


.rel{position: relative}
.homeBg{background:#fff;}


/**************************************************/
/**************************************************/
.sider{ position:fixed;right:5px;bottom:50px; z-index: 99;display: none;}
.online em{display:block; cursor: pointer;}
.online dl{display: none;;background: #fff; position: absolute;right:0px;bottom:110px;border-radius: 5px;overflow: hidden;box-shadow: 0 2px 10px #666;}
.online dt{height:45px;line-height:45px; background: #000;width:105px;padding:0 10px;}
.online dt strong{display:block;float:left;color:#fff;font-size:15px;font-weight:normal;}
.online dt span{display:block;float:right; cursor: pointer;}
.online dd{padding:0 10px 18px;text-align:center;}
.online dd a{display:block;height:44px;line-height:44px;border-bottom:1px solid #e5e5e5;color:#333;text-align:left;font-size:14px;}
.online dd a img{margin:0 10px 0 6px;}
.online dd p{color:#cc3333;font-size:14px;line-height:36px;}

.backTop{margin-top:10px; cursor: pointer;}

/**************************************************/
/**************************************************/
.quote{position:fixed;left:0;bottom:180px; z-index: 99;width:122px;display: none;}
.price{display: none;position:fixed;left:-100%;bottom:0px;right:0;width:100%;height:;background:url(../images/bg_7.png) repeat;  z-index: 99;}

.priceImg{ position:absolute;left:10px;bottom:0; cursor: pointer;}

.priceInput{margin-left:430px;height:150px;}
.priceInput p{width:450px;text-align:center;color:#fff;font-size:14px;line-height:50px;}
.priceInput p font{color:#cc3333;font-size:14px; display: inline-block;padding:0 3px;}
.priceInput ul{width:450px;}
.priceInput li{margin-right:3px;margin-bottom:3px;float:left;width:220px;}
.input_4{width:100%;border:none; background: #fff;height:37px;line-height:37px; text-indent: 10px;color:#666;font-size:14px;}

.priceWx{margin-right:70px;margin-top:50px;display: none;}

.priceClose{position:absolute;right:10px;top:15px; cursor: pointer; opacity: .6;}
.priceClose:hover{opacity:1;}

/**************************************************/
/**************************************************/
.mask{position:fixed;left:0;top:0;bottom:0;right:0; background: url(../images/bg_7.png) repeat; z-index: 999;}

.visit{width:560px;position:fixed;left:50%;top:50%;margin-left:-280px;margin-top:-200px; background: #fff;border-top:5px solid #cc3333; z-index: 9999;}
.visit_t{text-align:center;padding-bottom:30px;}
.visit_t em{display:block;margin-top:-30px;}
.visit_t h3{font-size:24px;color:#333;line-height:40px;font-weight:bold;padding-top:10px;}
.visit_t h3 b{color:#cc3333;}
.visit_t p{font-size:14px;color:#666;line-height:30px;padding-bottom:15px;}
.visit_t img{max-width:100%;}

.visitClose{ position:absolute;right:10px;top:10px; opacity: .5;}

.visitWx{float:left;text-align:center;margin-left:50px;width:132px;}
.visitWx img{border:1px solid #eee;width:100%;}
.visitWx p{font-size:14px;line-height:20px;color:#666;padding:5px 0 20px;}

.order1{float:right;width:290px;margin-right:50px;padding-bottom:25px;}

.order1 li{margin-bottom:8px;}
.order1 li em{display:block;float:left;width:38px;text-align:center;height:38px;line-height:38px;border-right:1px solid #e3e3e3;}
.order1 li img{margin-top:-2px;}
.order1 .input_5{float:left;width:220px;padding-left:10px;color:#888;font-size:14px;height:38px;line-height:38px; background: none;border:none;}
.order1 p{text-align:center;font-size:14px;line-height:40px;color:#666;}
.order1 p b{font-size:20px;color:#333;}
.order1 p img{margin:-3px 3px 0 0;}

.bgf44{background:#f4f4f4;}
/**************************************************/
/**************************************************/

}

@media (max-width: 480px) {

.us{margin:40px 0 10px;color:#fff;width:100%;text-align:center;padding:0;}
.us dt{font-size:14px;line-height:18px;padding-bottom:10px;}
.us dd{font-size:12px;line-height:25px;}

.wei{padding:20px 10% 20px;width:80%;}
.wei li{float:left;text-align:center;width:50%;padding-right:0;}
.wei li p{color:#ccc;font-size:12px;line-height:20px;padding-top:5px;}
.wei li img{max-width:100%;}

.pledge{padding:20px 0 0 10px;}
.pledge li{width:50%;float:left;padding-bottom:15px;}
.pledge li em{display:block;width:100%;float:none;text-align:center;}
.pledge li p{margin-left:0;color:#888888;font-size:12px;padding-right:10px;}
.pledge li strong{display:block;font-size:18px;color:#333;line-height:30px;text-align:center;}

.tell{display:none;}

.siteNav li{float:left;height:50px;padding:0 0;}

.list_VR ul{margin-left:0%;text-align:center;}
.list_VR li{float:left;width:100%; background: #fff;font-size:14px;margin:20px 0 0 0;}

/************************分页**************************/
.page{text-align:center;padding:20px 0;}
.page a{display:inline-block;margin:0 2px 10px;color:#666666;font-size:12px; background: #fff;border:1px solid #e5e5e5;height:28px;line-height:26px;padding:0 10px;}
.page a:hover,.page a.hover{color:#fff;font-size:12px; background: #cc3333;border:1px solid #cc3333;}
.page span{display:none;margin:0 2px;color:#666666;font-size:12px; background: #fff;border:1px solid #e5e5e5;height:28px;line-height:26px;padding:0 10px;}

.bannerTit{height:150px;width:100%;}

.team ul{margin-left:0;padding:0 10px;}
.team li{float:left;margin:15px 1% 0;width:48%;border:1px solid #e6e4e4; background: #fff;text-align:center;}

.project{background:#fff;text-align:center;padding:25px 0;margin:0 0;}
.project li{display:block;font-size:0;width:100%;}
.project li img{width:46%;height:180px;margin:3px;padding:0px;}

.caseList{margin-left:-0%;}
.caseList li{float:left; background:#fff;text-align:center;margin-left:0%;margin-top:20px;width:100%;}

.houses{margin-left:-2%;}
.houses li{float:left;margin-top:10px;width:48%;margin-left:2%;}

.witness{margin-left:-2%;}
.witness li{float:left; background: #fff;width:48%;margin-left:2%;margin-top:15px;}

.promNav{padding:0 10px;}
.promNav li{float:left;text-align:center;width:44%;padding:20px 3%;}
.promNav li img{width:120px;margin:0 auto;}

.spirit strong{ display:inline-block;width:100%;}
.spirit span{ display:inline-block;width:100%;padding-left:0%;margin-top:10px;}

/************************side右侧**************************/
.side{width:100%;padding:20px 0;}

.order{border:1px solid #e5e5e5; background: #fff;}
.order h3{border-top:5px solid #cc3333;color:#333;font-size:18px;text-align:center;line-height:36px;padding-top:15px;font-weight:bold;}
.order p{font-size:14px;color:#666;text-align:center;line-height:30px;}
.order strong{display:block;text-align:center;padding:30px 0;}

.order ul{padding:0 20px;}
.order li{margin-top:8px;}
.order li em{display:block;float:left;width:38px;text-align:center;height:26px;line-height:26px;border-right:1px solid #e3e3e3;}
.order li img{margin-top:-2px;}
.input_3{float:left;padding-left:10px;color:#666;font-size:14px;height:26px;line-height:26px; background: none;border:none;}
.lou{float:left;width:50%;padding-left:10px;color:#666;font-size:14px;height:38px;line-height:38px; background: #f4f4f4;border:none;}
.area{float:right;width:35%;padding-left:10px;color:#666;font-size:14px;height:38px;line-height:38px; background: #f4f4f4;border:none;}

.btnRedBig{display: block;width:100%;color:#fff;font-size:18px;height:40px;line-height:40px;text-align:center;background: #cc3333;cursor: pointer;border-radius: 5px;border:none;}

.bgf4{padding:6px 0;background: #f4f4f4;}
.ad{border:1px solid #e5e5e5;margin-top:10px; background: #fff;text-align:center;}
.ad img{max-width:100%;}

.cont{border:1px solid #e5e5e5;background: #fff;margin:20px 0 0 0;padding:0 20px;}
.cont h3{font-size:18px;font-weight:bold;color:#333;border-bottom:1px solid #eeeeee;height:58px;line-height:58px;}

/************************客户见证**************************/
.newsImg li{padding-top:20px}
.newsImg li em{display:block;float:left;}
.newsImg li p{margin-left:140px;}
.newsImg li strong{display:block;font-size:14px;color:#333;line-height:22px;}
.newsImg li strong a{color:#333;}
.newsImg li span{display:block;font-size:12px;color:#666;line-height:20px;height:40px; overflow: hidden;}
.newsImg li font{display:block;font-size:12px;color:#999999;line-height:18px;}
.newsImg li:hover a{color:#cc3333;}

/************************公司团队info**************************/
.mt10{margin-top:10px;}

.xing{border:1px solid #e5e5e5; background: #fff;text-align:center;line-height:22px;padding:15px 0 12px;}
.xing strong{color:#666666;font-size:14px;}
.xing b{color:#cc3333;font-size:18px;font-weight:normal;padding:0 3px;}
.xing img{margin:0 2px; cursor: pointer;}

.cont2{border:1px solid #e5e5e5; background: #fff;margin:10px 0 10px 0;}


.designImg{width:100%;float:none;}
.designImg img{width:100%;}

.design{padding:0 5%;float:none;width:90%;}

.designT{border-bottom:1px solid #e5e5e5;margin-right:20px;position: relative;}
.designT h3{color:#333333;font-size:30px;line-height:70px; background: url(../images/ico_21.png) no-repeat left bottom;}
.designT font{color:#cc3333;font-size:14px;border:1px solid #cc3333;margin-left:15px;line-height:20px;padding:0 6px;border-radius: 3px;}
.designT p{padding:15px 0;color:#888888;font-size:14px;line-height:20px;padding-right:0;}

.designText{color:#333333;font-size:14px;line-height:24px;height:250px; overflow: auto;}
.designText p{padding:8px 10px 8px;}
.designText b{font-weight:bold;}
/**************************************************/
/**************************************************/
.knowledge{padding:10px 10px 10px;margin-left:0%;}
.knowledge dl{float:left;width:100%;padding-bottom:10px;margin-left:0%;}


.craft li{float:left;position: relative;margin-bottom:5px;width:49%;margin-left:1%;}
.craft li p{position:absolute;left:0;bottom:0;right:0;text-align:center;font-size:12px;color:#fff;height:30px;line-height:30px; background: url(../images/bg_1.png) repeat;}
.craft li.bigtwo{display:none;}

.craft li.bigtwo0{display:block;width:100%;}

.promise{background:#fff;padding:10px 5px 15px 10px;}
.promise ul{float:none;margin-left:-1%;}
.promise li{float:left; position: relative;margin:1% 0 0 1%;}
.promise li p{position:absolute;left:0;bottom:0;width:100%;text-align:center;font-size:12px;color:#fff;line-height:24px; background:#333;}
.promise li img{width:100%;}
.promise .one{width:100%;}
.promise .one li{width:99%;}
.promise .two{width:100%;}

.small{width:49%;}

.banner{width:100%;height:200px;}
.banner .swiper-slide{width:100%;height:200px;}


/**************************************************/
/**************************************************/
.mask{position:fixed;left:0;top:0;bottom:0;right:0; background: url(../images/bg_7.png) repeat; z-index: 999;}

.visit{width:90%;position:fixed;left:5%;top:50%;margin-left:0;margin-top:-200px; background: #fff;border-top:5px solid #cc3333; z-index: 9999;}
.visit_t{text-align:center;padding-bottom:30px;}
.visit_t em{display:block;margin-top:-30px;}
.visit_t h3{font-size:24px;color:#333;line-height:40px;font-weight:bold;padding-top:10px;}
.visit_t h3 b{color:#cc3333;}
.visit_t p{font-size:14px;color:#666;line-height:30px;padding-bottom:15px;}
.visit_t img{max-width:100%;}

.visitClose{ position:absolute;right:10px;top:10px; opacity: .5;}

.visitWx{float:left;text-align:center;margin-left:50px;width:132px; display: none;}
.visitWx img{border:1px solid #eee;width:100%;}
.visitWx p{font-size:14px;line-height:20px;color:#666;padding:5px 0 20px;}

.order1{float:none;width:290px;margin-right:0;padding-bottom:25px;margin:0 auto;}

.order1 li{margin-bottom:8px;}
.order1 li em{display:block;float:left;width:38px;text-align:center;height:38px;line-height:38px;border-right:1px solid #e3e3e3;}
.order1 li img{margin-top:-2px;}
.order1 .input_5{float:left;width:220px;padding-left:10px;color:#888;font-size:14px;height:38px;line-height:38px; background: none;border:none;}
.order1 p{text-align:center;font-size:14px;line-height:40px;color:#666;}
.order1 p b{font-size:20px;color:#333;}
.order1 p img{margin:-3px 3px 0 0;}

.bgf44{background:#f4f4f4;}
/**************************************************/
/**************************************************/

}

@media (max-width: 375px) {

.search_input{padding-top:0;padding:0 61px;margin:4px 0 0; position: relative;}
.search_input span{display:block;float:none; position:absolute;left:0;top:0;width:60px;height:30px;line-height:30px;border:1px solid #999;color:#333;font-size:14px;text-align:center;border-right:none; background: #f6f6f6;}
.input_ss{float:none;display:block;padding-left:0;text-indent: 10px ;width:100%;height:30px;line-height:30px;border:1px solid #999;color:#333;font-size:14px;border-right:none; background: #fff;}
.btnSS{float:none;position:absolute;right:0;top:0;width:60px;color:#fff;font-size:14px;text-align:center;height:32px;line-height:32px; background: #464646;border:1px solid #464646; cursor: pointer;}


.mt010{margin-top:14px;margin-left:70px;}

.homeTit1{text-align:center;width:100%; background:url(../images/bg_3.png) no-repeat center 40px; background-size:90% ;padding:40px 0 15px;}
.homeTit1 h3{color:#333;font-size:26px;line-height:30px;font-weight:bold;}
.homeTit1 span{display:block;color:#888;padding-top:4px;font-size:12px;line-height:20px;letter-spacing:4px;text-transform: uppercase;}
.homeTit1 img{;padding:10px 0;}
.homeTit1 p{color:#888;font-size:14px;line-height:20px;padding:5px 10px;}

.homeTit2{text-align:center;width:100%; background:url(../images/bg_3.png) no-repeat center 60px;padding:60px 0 35px;}
.homeTit2 h3{color:#fff;font-size:26px;line-height:30px;font-weight:bold;}
.homeTit2 span{display:block;color:#ccc;padding-top:4px;font-size:12px;line-height:20px;letter-spacing:4px;text-transform: uppercase;}
.homeTit2 img{;padding:10px 0;}
.homeTit2 p{color:#ccc;font-size:14px;line-height:20px;padding:5px 10px;}

}

.bgfff{background: #fff;}
.bg333{background: #333;}