﻿.pr{ position: relative;}
.pa{ position: absolute;}
.fl{float: left;}
.fr{float: right;}
.db{display: block;}
.di-b{display: inline-block;}
.mt10{margin-top: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}

.AreaL{ width:1200px; float:left;}
.AreaR{ width:280px; float:right;}
.submit-info{ padding:15px; color:#666; position:relative;}
.submit-info h4{padding:20px 0 5px;font-size:18px; color:#333; font-weight:normal;}
.submit-info .p1{ font-size:14px; line-height:24px;}
.submit-info .txt{ width:236px; padding:0 5px; height:33px; border:solid 1px #ccc; margin-top:10px;line-height: 33px\9;color: #666;}
.submit-info select.txt{width:248px;}
.submit-info .btn{ width:100%; height:33px;margin-top:10px;}
.submit-info .p2{ font-size:14px; margin-top:10px;}
.submit-info .list{ border-top:solid 1px #ddd; line-height:24px; margin-top:10px; padding-top:10px;height:120px; overflow:hidden;}
.submit-info .list i{color:#ff4c43; font-style:normal; margin-right:5px;}
.submit-info .list li{ padding-left:5px; overflow:hidden;}
.submit-info .ico-tag{ width:41px; height:41px; background:url(../images/ico.png) no-repeat -36px 0; position:absolute; left:0; top:0;}
.gg_pic{margin-top: 16px;}
.gg_pic,.gg_pic{width: 100%;}
/**
 *	右侧手风琴列表global
 */
.accordion{ padding:0 10px;}
.accordion .tit{ height:33px; line-height:33px; border-bottom:solid 1px #ddd; font-size:14px;}
.accordion ol{ font-size:14px; line-height:30px; padding:5px 0;}
.accordion li{ height:30px; overflow:hidden;}
.accordion .active{ height:auto;}
.accordion a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.accordion img{ margin:5px auto;}
.accordion .active a{ color:#ff343f;}
.tema-detaile{ padding:10px 20px 1px;}
.tema-detaile .win-title{ margin-top:0;}
.accordion-list{ padding:0 10px;}
.accordion-list .tit{ height:33px; line-height:33px; border-bottom:solid 1px #ddd; font-size:14px;}
.accordion-list ol{ font-size:14px; line-height:30px; padding:5px 0;}
.accordion-list li{ height:30px; overflow:hidden;}
/*家装指南-前期准备-s*/

/*.guide .list{margin-top: -20px;}*/
.guide .list li{border-bottom: 1px dashed #eaeaea;padding:20px 0;}
.guide .list .pic{width: 316px; height: 237px;overflow: hidden;}
.guide .list .pic img{width: 316px;height: auto;}
.guide .list .cont{width: 532px;}
.guide .list h2{
	font-size: 16px;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	font-weight: normal;
	padding-top: 6px;
	position: relative;
	display: block;
}
.guide .list h2 a{
}
.guide .list h2 a:hover{
}
.guide .list p{line-height: 18px;color: #999;}
.guide .list p span{color: #ff2f2f;}
.guide .list .cont .txt{
	line-height: 24px;
	color: #666;
	overflow: hidden;
	margin: 15px 0;
}
.guide .list .cont .txt_lp{
	line-height: 24px;
	color: #666;
	overflow: hidden;
	margin: 15px 0;
}
.guide .list dl h2{padding: 0;width: 625px;}
.guide .list dd{ line-height: 28px;max-height: 112px;overflow: hidden;margin-top: 10px;color: #666;}

.submit-info h4.red{color: #ff4c43;}

.w1200{width: 1200px;margin: 0 auto;}



.modelList{
	width:1200px;
}
.modelList li{
	width: 370px;
	margin: 0 12px 40px;
	float: left;
}
.modelList li a{display: block;width: 100%;height: 100%;position: relative;}
.modelList li .img{width: 370px;height: 265px;overflow: hidden;}
.modelList li .below{width: 100%;text-align: center;padding: 22px 0 5px;}
.modelList li .below .p1{line-height: 21px;}
.modelList li .below .p2{line-height: 19px;font-size: 13px;}

.modelList li .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;/* background-color: #4eb77b; */color: #fff;opacity: 0;filter:alpha(opacity = 0);-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg);}
.modelList li .cover .circle{width: 134px;height: 133px;margin: 33px auto 15px;position: relative;}
.modelList li .cover .circle .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-animation:rotate 5s linear infinite;-moz-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite;}
.modelList li .cover .circle .img1{width: 113px;height: 113px;display: block;margin: 0 auto;padding: 10px 0 0;}
.modelList li .cover .txt{font-size: 16px;line-height: 20px;text-align: center;}
.modelList li:hover .cover{opacity: 1;filter:alpha(opacity = 100);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg);}
.indexSection1 .hd .img img,.indexSection1 .bd .bg img,.indexSection1 .bd .text .arrow,.indexSection2 .style .bd .cover,.indexSection2 .style .bd .bg,.moreLink,.indexSection5 .tabMain li .img img,.indexPromise li .icon,.standardWrap2 ul li,.designerList li .name:after,.designerList li .img img,.opusList li .img img,.caseList li .img img,.caseList li .img .cover,.caseList li .below .txt,.detail .aside .wrap3 li .img img,.detail .aside .wrap3 .more,.homeWrap,.homeWrap .right img,.homeList li,.homeList li .img img,.readList li .img img,.modelList li .img img,.modelList li .cover,.modelAbout ul li .img img,.offline li .img .img1,.brandNav li .img .icon1,.brandRight li,.brandRight2 li,.deluxe .list .below,.headWrap .inner{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.indexSection1 .bd li:hover .bg img,.indexSection2 .style .bd ol li:hover .bg,.indexSection5 .tabMain li:hover .img img,.designerList li:hover .img img,.opusList li:hover .img img,.caseList li:hover .img img,.detail .aside .wrap3 li:hover .img img,.homeWrap:hover .right img,.homeList li:hover .img img,.readList li:hover .img img,.modelList li:hover .img img,.modelAbout ul li:hover .img img,.offline li:hover .img .img1{-webkit-transform: scale(1.07);-moz-transform: scale(1.07);transform: scale(1.07);}
.designerList li .img img,.opusList li .img img,.caseList li .img img,.detail .aside .wrap3 li .img img,.homeList li .img img,.readList li .img img,.modelList li .img img{
	width: 370px;
	min-height: 100%;
	display: block;
}
.modelList li.on{opacity: 1;filter:alpha(opacity = 100);}

.gd_bot {
	line-height: 28px;
	text-align: center;
	height: 28px;
	width: 120px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.gd_bot a {
	color: #F60;
	display: block;
	border: 1px solid #F60;
	font-size: 12px;
}
.gd_bot a:hover {
	color: #333;
	display: block;
	border: 1px solid #333;
	font-size: 12px;
}




.f_l {
	float: left;
}

.f_r {
	float: right;
}

.clearfix::after {
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
	content: ".";
}

.clearfix {
	display: inline-table;
}

.clearfix {
	display: block;
}








.wrap {
	margin: 0px auto;
	width: 1200px;
}




/*标题/global*/

.win-title {
	height: 40px;
	margin: 20px 0 20px;
	border-bottom: solid 1px #ddd;
	position: relative;
}

.win-title .tit {
	font-weight: normal;
	color: #333;
	float: left;
	border-bottom: solid 1px #000;
	font-size: 18px;
	line-height: 40px;
}

.win-title small {
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	padding: 15px 0 0 15px
}

.win-title a {
	position: absolute;
	right: 0;
	top: 15px;
	color: #999;
	font-size: 14px;
	font-weight: normal;
}

.win-title a:hover {
	color: #ff6159;
}


/*粉红色按钮/global*/


/*黄色按钮/global*/



.w920 {
	width: 920px;
}
.w900 {
	width: 900px;
}
.w270 {
	width: 270px;
}

.w600 {
	width: 600px;
}


/**indexNews**/


/**流程**/


.case-bg {
	background-image: url(../images/leftimg3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #E4E9EB;
}












/***link***/






/***侧边栏**/

p {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}

i {
	margin: 0px;
	padding: 0px;
	font-style: normal;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #ff5a00;
	text-decoration: none;
}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0;
	height: 0;
}

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?qradjf');
	src: url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}







.sub_con_r_top {
	background: rgb(255, 255, 255);
	border: 1px solid rgb(238, 238, 238);
	width: 1198px;
	height: 50px;
}

.sub_right_title a{
	height: 30px;
	color: rgb(51,51,51);
	line-height: 30px;
	font-size: 14px;
	margin-left: 20px;
	display: block;
	border: 1px solid #999;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 7px;
	padding: 12px 40px;
}

.sub_right_title a:hover {
	color: rgb(255, 51, 0);
	line-height: 30px;
	border: 1px solid rgb(255, 51, 0);
	display: block;
}

.acheng a{
	height: 30px;
	color: rgb(255, 51, 0);
	line-height: 30px;
	font-size: 14px;
	margin-left: 20px;
	display: block;
	border: 1px solid rgb(255, 51, 0);
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 7px;
	
}

.site_map {
	height: 50px;
	color: rgb(153, 153, 153);
	line-height: 50px;
	font-size: 12px;
	margin-right: 15px;
	list-style-image: url("../images/site_ico.gif");
	min-width: 221px;
}

.f_r.site_map li a {
	color: rgb(153, 153, 153);
}

.mt-5 {
	margin-top: 5px
}


/*距上5像素*/

.mt-10 {
	margin-top: 10px
}


/*距上10像素*/

.mt-15 {
	margin-top: 15px
}


/*距上15像素*/

.mt-20 {
	margin-top: 20px
}


/*距上20像素*/

.mt-25 {
	margin-top: 25px
}


/*距上25像素*/

.mt-30 {
	margin-top: 30px
}


/*距上30像素*/

.mt-35 {
	margin-top: 35px
}


/*距上35像素*/

.mt-40 {
	margin-top: 40px
}


/*距上40像素*/

.mt-50 {
	margin-top: 50px
}


/*距上50像素*/

.mb-5 {
	margin-bottom: 5px
}


/*距下5像素*/

.mb-10 {
	margin-bottom: 10px
}


/*距下10像素*/

.mb-15 {
	margin-bottom: 15px
}


/*距下15像素*/

.mb-20 {
	margin-bottom: 20px
}


/*距下20像素*/

.mb-25 {
	margin-bottom: 25px
}


/*距下25像素*/

.mb-30 {
	margin-bottom: 30px
}


/*距下30像素*/

.mb-35 {
	margin-bottom: 35px
}


/*距下35像素*/

.mb-40 {
	margin-bottom: 40px
}


/*距下40像素*/

.mb-50 {
	margin-bottom: 50px
}


/*距下50像素*/

.ml-5 {
	margin-left: 5px
}


/*距左5像素*/

.ml-10 {
	margin-left: 10px
}


/*距左10像素*/

.ml-15 {
	margin-left: 15px
}


/*距左15像素*/

.ml-20 {
	margin-left: 20px
}


/*距左20像素*/

.ml-30 {
	margin-left: 30px
}


/*距左30像素*/

.ml-40 {
	margin-left: 40px
}


/*距左40像素*/

.ml-50 {
	margin-left: 50px
}


/*距左50像素*/

.mr-5 {
	margin-right: 5px
}


/*距右5像素*/

.mr-10 {
	margin-right: 10px
}


/*距右10像素*/

.mr-15 {
	margin-right: 15px
}


/*距右15像素*/

.mr-20 {
	margin-right: 20px
}


/*距右20像素*/

.mr-30 {
	margin-right: 30px
}


/*距右30像素*/

.mr-40 {
	margin-right: 40px
}


/*距右40像素*/

.mr-50 {
	margin-right: 50px
}


/*距右50像素*/




/*add*/
input[type="submit"]{border:none; cursor: pointer; color: #fff}
input[type="text"]{height: 24px; border: 1px #ddd solid; font-size: 12px; color: #666; padding: 4px 10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
input[type="password"]{height: 24px; border: 1px #ddd solid; font-size: 12px; color: #666; padding: 4px 10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
blockquote, q {quotes: none;}
table{ border-collapse:collapse; width: 100%;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a.button{display: inline-block; text-align: center;}
a{cursor: pointer;}
:focus {outline: 0;}
ins{text-decoration: none;}
del{text-decoration: line-through;}
.font12{font-size: 12px;}
.relative{position: relative;}
.absolute{position: absolute;}
.textcenter{text-align: center;}
.margintop30{margin-top:30px;}
.marginbottom20{margin-bottom:20px;}
.w1200{width: 1200px; margin: 0 auto;}
.overflow{overflow: hidden;}







.caseDetail-right-stylist{padding: 0 17px 14px 17px; border-bottom: 1px #eaeaea solid;}
.caseDetail-right-stylist li{float: left; margin-right: 5px; font-size: 12px;}
.caseDetail-right-stylist .caseDetail-right-intro{ margin:0 0 0 5px; width:125px;}
.caseDetail-right-intro p{margin-bottom: 1px; color: #737373;}
.caseDetail-right-intro p:first-child{color: #545454;}
.caseDetail-right-intro-link{display: inline-block; padding: 8px 10px; background: #ff343f; color: #fff;}
.caseDetail-right-intro-link:hover{color: #fff;}
.caseDetail-right h3{padding: 10px 17px;}
.caseDetail-right-from{padding: 10px 17px; max-width:244px;}
.caseDetail-right-from select{border: 1px solid #ddd;color: #666;height:35px;line-height: 24px;margin-bottom: 10px;padding: 5px 8px;width: 244px;}
.caseDetail-right-free{display: inline-block; background: #ff343f; color: #fff; padding: 5px 8px; margin-left: -18px;}
.caseDetail-right-from-title{/*font-weight: initial;*/ text-align: center;}
.caseDetail-right-from-title1{color: #666666; font-size:12px; margin-bottom: 20px;}
input.inp{width: 225px; padding: 5px 8px; border: 1px #ddd solid; height: 24px; line-height: 24px; margin-bottom: 10px; color:#666;}
.formsub{width: 100%; height: 42px; line-height: 42px; text-align: center; color: #fff; background: #ff343f; font-size: 14px;}
.caseDetail-right-from-title2{line-height: 20px; color: #666666; font-size:12px;}
.w280{width: 280px;}






.luck{position:absolute;left:0;top:0;right:0;bottom:0;z-index:101;}
.luck-tit{ border-bottom:solid 1px #ddd; height:40px; line-height:40px; margin:0 20px; font-size:16px;}
.luck-shade{position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:0}
.luck-con{position:relative;margin:0 auto;z-index:1;background:#fff;min-width:150px;min-height:100px;max-width:1200px;animation:bouncedelay ease .3s;-webkit-animation:bouncedelay ease .3s}
.luck-close{width:18px;height:18px;position:absolute;right:20px;top:10px;text-align:center;line-height:20px;cursor:pointer; background:url(../images/ico.png) no-repeat -85px -176px; opacity:.5; transition:all ease .3s;-webkit-transition:all ease .3s;}
.luck-close:hover{ transform:rotate(180deg);-webkit-transform:rotate(180deg);}
@-webkit-keyframes bouncedelay{
	0%{-webkit-transform:scale(0)}
	100%{-webkit-transform:scale(1)}
}
@keyframes bouncedelay{
	0%{transform:scale(0);-webkit-transform:scale(0)}
	100%{transform:scale(1);-webkit-transform:scale(1)}
}
/*公共*/
.container { width: 1200px; min-width:1200px; margin: 0 auto;}
.clearfix:after, .row:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
/*不折行*/
.text-nowrap{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*灰色背景*/
.bg-gray{ background:#f7f7f7; padding-bottom:20px;}
.bg-white{ background:#fff;}
/*文本对齐*/
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
/*浮动*/
.pull-right { float: right !important; }
.pull-left { float: left !important; }
/*显示隐藏*/
.hide { display: none !important; }
.show { display: block !important; }
/*字颜色*/
.text-red, .text-red a { color: #ff343f; }
.text-blue, .text-blue a { color: #ff4c43; }
.text-green,.text-green a{ color:#090;}
/*小图标*/
.ico-angle { display: block; width: 0; height: 0; overflow: hidden; line-height: 0; border-width: 6px 5px 0; border-color: #ccc transparent transparent; border-style: solid; }
.ico-hot{ position:absolute; right:20px; top:5px; background:#f27734; color:#fff; height:15px; line-height:15px; font-size:10px; padding:0 3px; border-radius:3px;}
.ico-hot i{ display: block; width: 0; height: 0; overflow: hidden; line-height: 0; border-width: 5px 6px 0 0; border-color: #f27734 transparent transparent; border-style: solid;}
/*间距*/
.mt20{ margin-top:20px !important}
.mt30{ margin-top:30px !important}
.mt40{ margin-top:40px !important}
.mt70{ margin-top:70px !important}
/*隐藏分享弹层*/
.bdshare_dialog_box,.bdshare_dialog_bg{display: none !important;}
/*面包屑*/
.here{ color:#666; padding:20px 0 10px;}
/*分页*/
.paging{ text-align:center; padding:30px 0; font-size:14px;}
.paging a{ display:inline-block; padding:0 10px; min-width:13px; line-height:33px; border:solid 1px #ddd; margin:0 3px; background:#fff;}
.paging a:hover{ background:#f8f8f8;}
.paging a.active{ background:#ff3740; color:#fff; border-color:#ff3740;}
/*bootstrap栅格系统*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
