body,div,span,h1,h2,h3,h4,h5,h6,hr,p,blockquote,strong,var,b,u,i,center,dl,dt,dd,ul,ol,li,prea,address,fieldset,form,fieldset,label,legend,button,input,textarea,th,td{	margin:0;	padding:0;}
.openDiv1 .butBox dl dd a{	*+overflow:visible !important;}
body{	color:#444;	font-size:12px;	font-family: "Microsoft YaHei";	width:100%;	margin:0 auto;	overflow-x: hidden;}
ul,ol{	list-style-type:none;}
select,input,img,select{	vertical-align:middle;}
button,input,select,textarea{	font-size:100%;	border:none;}
li{	list-style-type:none;	vertical-align:top;}
img{	vertical-align:middle;	border:0px;	margin:0;	padding:0;}
h1,h2,h3,h4,h5,h6{	margin:0;	padding:0;	font-size:100%;}
address,cite,dfn,em,var{	font-style:normal;}
table{	border-collapse:collapse;	border-spacing:0;}
a img{	border:0;}
del{	text-decoration:line-through;}
em{	font-style:normal;}
.vimg-align{	vertical-align:middle;}
legend{	color:#222;}
fieldset,img{	border:0;}
a{	color:#444;	text-decoration:none;}
a:hover{	color:#c50000;	text-decoration:none;}
html{    position: relative;  min-height: 100%;   min-width: 1200px;}
/* 头部开始 */
#head {	background: #fff;}
#head .top {	background-color: #f3f1f6;	color: #999;	height: 30px;}
#head .top ul {	width: 1200px;	margin: 0 auto;}
#head .top ul li {	height: 30px;	line-height: 30px;	width: 600px;	float: left;	font-size: 12px;	color: #999;}
#head .top ul li a {	color: #999;	font-size: 12px;}
#head .top ul li a:hover {	color: #f25618;}
#head .top ul li.shez {	text-align: right;}
#head .second {	width: 1200px;	margin: 0 auto;	clear: both;	overflow: hidden;	height: 94px;}
#head .second ul {	float: left;	width: 680px;}
#head .second ul li {	float: left;	width: 180px;	height: 90px;}
#head .second .input1 {	float: right;	width: 180px;}
#head .nav {	background-color: #FA9B01;	height: 40px;     z-index: 999999;
    position: relative;}
#head .nav ul {	width: 1200px;	margin: 0 auto;	position: relative;}
#head .nav ul li {	width: 95px;	height: 40px;	line-height: 40px;	text-align: center;	font-weight: 700;	float: left;}
#head .nav ul li.jiachang {	width: 115px;	text-align: center;}
#head .nav ul .dingw {	width: 200px;	height: 72px;	position: absolute;	top: -32px;	left: 950px;}
#head .nav ul li a {	color: #FFF;	display: block;	font-size: 14px;}
#head .nav ul li a:hover {	background-color: #dd5219;}
#head .lbt {	width: 100%;	height: 360px;	position: relative;}
#erjiz #erjicd dd a img {	border-radius: 10px;}
#erjicd {	display: none;	width:1200px; left:0px;	background-color: #FFF;	position: absolute;	z-index: 30;}
#erjicd dd {	width: 300px;	height: 104px;	padding-top: 5px;	background-color: #FFF;	float: left;	text-align: left;}
#erjiz #erjicd dd a {	padding-top: 5px;	padding-left: 5px;}
#erjiz #erjicd dd a img {	border-radius: 10px;}
#erjiz #erjicd dd a p {	width: 190px;	float: right;	text-align: left;	padding-left: 5px;	color: #000;}
#erjiz #erjicd dd a:hover p strong {	color: #FA9B01;}
#erjiz #erjicd dd a p small {	font-weight: lighter;	color: #666;}
.nav ul li#erjiz dl#erjicd dd a:hover {	background: none;}
#erjicd1 {	display: none;	width: 1200px;	background-color: #FFF;	position: absolute;	left: 0px;	z-index: 50;}
#erjicd1 dd {	width: 150px;	height: 104px;	padding-top: 5px;	background-color: #FFF;	float: left;	text-align: right;}
#erjiz1 #erjicd1 dd a {	padding-top: 5px;	padding-left: 5px;}
#erjiz1 #erjicd1 dd a p {	width: 190px;	float: right;	text-align: left;	padding-left: 5px;	color: #000;}
#erjiz1 #erjicd1 dd a:hover p strong {	color: #FA9B01;}
#erjiz1 #erjicd1 dd a p small {	font-weight: lighter;	color: #666;}
.nav ul li#erjiz1 dl#erjicd1 dd a:hover {	background: none;}
.q_code {	width: 177px;	height: 55px;	background: url(/templets/default/images/q_code.png);	display: block;	position: absolute;	bottom: 0px;	overflow: visible;	z-index: 20;}
.code_layer {	position: absolute;	right: -70px;	top: 55px;	border-radius: 4px;	background: url(/templets/default/images/weixinbg.png) no-repeat;	width: 274px;	height: 271px;	display: none;	padding-top: 46px;}
.code_layer p {	color: #fa9b01;	font-size: 14px;	margin-bottom: 10px;	text-align: center;}
.code_layer span {	display: block;	width: 97px;	height: 96px;	margin: 0 auto;	margin-bottom: 10px;	text-indent: -9999em;	overflow: hidden;}
.code_layer span.weixin {	background: url(/templets/default/images/wxewm.jpg) no-repeat 0 0;}
.code_layer span.zxb {	background: url(/templets/default/images/shoujiwz1.jpg) no-repeat 0 0;}
.code_layer_l {	float: left;	width: 115px;	margin: 0 15px;	text-align: center;}
.code_layer_r {	float: left;	width: 115px;}


/* 底部信息 */
#foot{background:#fff;	border-top:2px solid #c9c9c9;}
#foot .foot1,#foot .foot2,#foot .foot3,#foot .foot4{	width:1160px;	margin:0 auto;}
#foot .foot1{	text-align:center;	height:150px;	line-height:30px;}
#foot .foot1 p{	color:#999;	font-size:16px;}
#foot .foot1 span{	color:#333;	font-size:20px;	font-weight:700;	line-height:60px;}
#foot .foot2 ul li{	width:118px;	height:86px;	float:left;	margin-left:10px;	text-align:center;	font-size:16px;	font-weight:700;}
#foot .foot3 .weibu1{	width:610px;	float:left;}
#foot .foot3{	margin-top:40px;}
#foot .foot3 .weibu1 ul,#foot .foot3 .weibu2 ul{	width:150px;	float:left;	color:#999;}
#foot .foot3 .weibu2 ul.ulr{	width:250px;	border-left:1px solid #e5e5e5;   padding-left: 50px;}
#foot .foot3 .weibu2 ul.ulr li{	font-size:14px; color:#ee771b; line-height:40px;}
#foot .foot3 .weibu2 ul.ulr li span{	font-size:24px;	font-weight: 700;}
#foot .foot3 .weibu2 ul.ulr li.djzx{	width:165px; height:32px; background:#fff; border:1px solid #ee771b; line-height:32px;  margin:10px auto 0;}
#foot .foot3 .weibu2 ul.ulr li.djzx a:hover{	width:165px; height:32px; background:#ee771b; color:#fff;}
#foot .foot3 .weibu2 ul.ulr li.djzx a{font-size:14px;	display:block;color:#ee771b;}
#foot .foot3 .weibu1 ul li{	line-height:28px;}
#foot .foot3 .weibu1 ul li a{	font-size:12px;	color:#757575;   line-height:20px;}
#foot .foot3 .weibu2{	width:486px;	float:right;	text-align:center;	padding-bottom:20px;}
#foot .foot3 ul li.bt{font-size:14px;	color:#424242;	margin-bottom:5px;}
#foot .foot3 ul li.weibiao {   font-size: 14px;   color: #999;}
#foot .foot2 ul li a img{   cursor:pointer;	position: relative;}
#foot .foot4{	border-top:#CCC 1px solid;	color:#999;	margin-top:30px;}
#foot .foot4 p{	padding-left:60px;	height:30px;	line-height:30px;}
#foot .foot4 .foot4a{	margin-top:10px;	text-align:center;	height:60px;	line-height:20px;	color:#999;	font-size:12px;}
ul, li, dd{font-size:14px;}
.cle{clear:both;}



/* banner图 */
.bannermain{position: relative; height:560px;}
.banner { width: 100%; height: 550px;  background: url(/templets/default/taocan/images/banner1.jpg) no-repeat center center;	overflow: hidden; position: relative;}
.banner-li {	display: none;	overflow: hidden}
.banner-li img {min-width:100%;	max-width: 100%; min-height:360px;}
.banner-li:first-child {	display: block}
.banner-li a {display: block;	background-size: auto;	background-position: center;	background-repeat: no-repeat}
.banner .owl-theme .owl-controls .owl-page span {margin: 5px;	opacity: 1; width: 10px;	height: 10px; border-radius: 10px;	background: #111}
.banner .owl-theme .owl-controls .owl-page.active span,.banner .owl-theme .owl-controls.clickable .owl-page:hover span {background: #da9933}
.banner .owl-controls{  width: 1200px;  z-index: 999; position: relative;  margin: 0 auto}
.banner .owl-pagination{position: relative;bottom:30px; z-index:999;}


/* 标题 样式*/
.idx-title{text-align:center;  padding-top: 30px;}
.idx-title h3{font-size:32px; color:#333; }
.idx-title h3 em{  font-style:normal; color:#C20000; font-size: 32px; font-weight: bold;}
.idx-title h3 .after,.idx-title h3 .before{display:inline-block;width:57px;height:1px;margin:0 26px;background-color:#d8d8d8;vertical-align:middle}
.idx-title p{padding:5px 0;font-size:14px;color:#333!important}
.idx-title-white p,.idx-title-white,.idx-title-white h3 em{ color:#FFF!important}
.idx-title-white h3 .after,.idx-title-white h3 .before{background-color:#fff;}
.idx-title-left{ text-align:left}


/* 模块产品 */
.product{width:100%; background:url(../images/product.jpg) no-repeat center center; height:715px;}

.home-designer{ width:100%; height:660px; margin-bottom:30px;}
.designerTeam{width:1200px; margin:0 auto;}
.swiper-container {width: 100%; height: 100%;}
.swiper-container .swiper-pagination {	left: 30px;	bottom: 80px;	width: auto;}
.swiper-container .swiper-slide {	position: relative;	overflow: hidden;}
.swiper-pagination-bullet {	width: 30px !important;	height: 5px !important; border-radius:3px !important;	background:#797979 !important; opacity: 1;}
.swiper-pagination-bullet-active {	background: #c20000 !important;}

.home-shejishi{width:1200px; height:465px; background:#f2f2f2; position: relative; margin-top: 110px;}
.home-sheji-chaichu ul li{float:left; text-align: center;}
.home-sheji-chaichu ul li span{color:#c20000; font-size:18px; margin-top:15px; display: block;}
.home-sheji-chaichu ul li p{color:#010101; font-size:18px; line-height: 30px;}
.home-sheji-chaichu ul li:nth-child(2n-1){width:123px; height:86px; border:1px solid #000; text-align: center;}
.home-sheji-chaichu ul li:nth-child(2n){width:45px; color:#c20000; line-height: 86px;}
.home-shejishi-left{float:left; margin: -60px 0 0 50px;}
.home-shejishi-sheji{float:left; width: 635px; margin-left: 45px;}
.home-sheji-chaichu ul:nth-child(2){margin-top:20px;}
.home-sheji-chaichu ul{clear:both; overflow: hidden;}
.home-shejishi-sheji h3{font-size:28px;}
.home-shejishi-sheji .line{height:1px; width:140px; background:#000; margin:15px 0 10px;}
.home-shejishi-sheji p{font-size:18px; margin-bottom:35px; line-height: 35px;}
.home-shejishi-sheji p span{color:#c20000;}
.home-shejishi-sheji h3{margin-top:75px;}
.product .idx-title h3{color:#fff;}
.product .idx-title p{color:#fff !important;}
.product .idx-title{padding-top:20px;}
.product .swiper-button-prev{background:url(../images/banner_prev.png) no-repeat center center; width:48px; height:48px;  top: 340px; left:0px;}
.product  .swiper-button-next{background:url(../images/banner_next.png) no-repeat center center; width:48px; height:48px;  top: 340px; right:0px;}



/* 套餐页面_全屋配置 */
.allocation{ width:100%;}
.allocation .allocation_option_btn{width: 450px; margin:50px auto 10px; height: 140px; position: relative;}
.allocation .allocation_option_btn .btn_list .option_of{  width: 150px;  height: 125px;  float: left;  font-size:  18px;  line-height: 30px;  text-align: center;  color: #908b87;  cursor: pointer;}
.allocation .allocation_box{ width: 100%;  height: 545px;  position: relative;}
.allocation .allocation_box .prev,.allocation .allocation_box .next{   position: absolute; width: 48px; height: 48px; bottom: 3%; margin-top: -30px;  cursor: pointer;}
.allocation .allocation_box .prev{ left: 45%; background: url("../images/banner_prev.png") no-repeat center center;}
.allocation .allocation_box .next{ right: 45%;  background: url("../images/banner_next.png") no-repeat center center;}
.allocation .allocation_list{  width: 100%;  height: 545px;  position: relative;  overflow: hidden;}
.allocation .allocation_list .allocation_of{  width: 1920px; height: 545px;  position: absolute;  top: 0;  left: 50%;  margin-left: -960px;  display: none;}
.allocation .allocation_list .kitchen{ display: block; background:url(../images/chufang1.jpg) center 0 no-repeat;}
.allocation .allocation_list .toilet{ display: block; background:url(../images/weishengjian1.jpg) center 0 no-repeat;}
.allocation .allocation_list .house{ display: block; background:url(../images/jushi1.jpg) center 0 no-repeat;}
.allocation .allocation_list .kongjian{width:1202px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px;}
.allocation .allocation_list .kongjian .kongjianleft{float:left; width:599px; margin-left:3px;}
.allocation .allocation_list .kongjian .kongjianright{float:left; width:600px; height:418px; background:#fff;}
.allocation .allocation_list .kongjian .kongjianright .kongjianbox ul li{background:#e9eaee; font-size:14px; height:30px; border-radius: 20px; padding:0 15px; margin-bottom:15px; line-height:30px; float:left; margin-right:10px; box-shadow: 3px 3px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.1)}
.allocation .allocation_list .kongjian .kongjianright .kongjianbox{clear: both; overflow: hidden; width: 570px;  margin: 30px auto;}
.allocation .allocation_list .kongjian .kongjianright h3{font-size:24px; margin:20px 0 20px; font-weight: normal; margin-left:18px;}
.allocation .allocation_list .kongjian .kongjianright .line{width:90px; height:1px; background:#000; margin-left:18px;}
.allocation .allocation_option_btn .btn_list li:nth-child(1) .btn_img {  background: url(../images/btn-chufang.png) no-repeat center center;}
.allocation .allocation_option_btn .btn_list li.on:nth-child(1) .btn_img {  background: url(../images/btn-chufanghover.png) no-repeat center center;}
.allocation .allocation_option_btn .btn_list li:nth-child(2) .btn_img {  background: url(../images/btn-weishengjian.png) no-repeat center center;}
.allocation .allocation_option_btn .btn_list li.on:nth-child(2) .btn_img {  background: url(../images/btn-weishengjianhover.png) no-repeat center center;}
.allocation .allocation_option_btn .btn_list li:nth-child(3) .btn_img {  background: url(../images/btn-jushi.png) no-repeat center center;}
.allocation .allocation_option_btn .btn_list li.on:nth-child(3) .btn_img {  background: url(../images/btn-jushihover.png) no-repeat center center;}
.allocation .allocation_option_btn .btn_list li .btn_img {  width: 70px;  height: 70px;  margin: 0 auto;}



.allocation .allocation_list .allocation_of .sign{  width: 35px;  height: 45px;  background: url("../images/allocation_sign.png") no-repeat center;  position: absolute; z-index: 2;  animation: opcity 1s ease-out infinite;}
@keyframes opcity {
    0%{
        opacity: 1;
    }
    50%{
        opacity: .4;
    }
    100%{
        opacity: 1;
    }
}


/* 选好材料，用好品牌 */
.idex-cailiao{background: url(../images/cailiao.jpg) no-repeat center center;  width: 100%; height: 830px;}
.idex-cailiao .idx-title{margin-top:0px; padding-top:40px;}
#focus{width:1200px}
.mb-wrapper{margin:0 auto 20px;position:relative; height:560px;left:0;top:0}
.mb-slider,.mb-scroll{width:1090px;height:530px !important;overflow:hidden;margin:0 auto;padding:0;position:relative;left:-25px;top:0; margin-top: 50px;}
.mb-active-slider{border-color:#333}
.mb-slider .mb-panel{margin-top:100px;display:block;cursor:pointer;float:left;list-style:none; margin-right:100px; }
.mb-panel a{outline:0}
.mb-slider .mb-panel.current{cursor:auto}
.mb-inside *{max-width:100%}
a.mb-scrollButtons{display:block;width:48px;height:48px; position:absolute;top:55%;margin-top:-29px;cursor:pointer;text-decoration:none;outline:0;border:0;_background:transparent url(../images/arrows.gif) no-repeat}
a.mb-scrollButtons.mb-left{background:url(../images/arrowsleft.png) no-repeat center center;  z-index: 999;}
a.mb-scrollButtons.mb-right{background:url(../images/arrowsright.png) no-repeat center center; right: 0px;}
a.mb-scrollButtons.mb-left:hover{background:url(../images/banner_prev.png) no-repeat center center;}
a.mb-scrollButtons.mb-right:hover{background:url(../images/banner_next.png) no-repeat center center; right: 0px;}
a.mb-scrollButtons.disabled{display:none}
.mb-controls{margin:0 auto;text-align:center;position:absolute; top:350px; left:560px;z-index:100; display: none;}
.mb-controls a{color:#666;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.mb-panel{margin-top:90px}
.mb-controls a:hover{color:black}
.mb-controls a.current{color:#900}
.main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.main-nav a:hover{color:black;border-bottom:2px solid black}
.mb-inside img{width:100%}
.cailiaoname span{ display: block;  text-align: center;  border-bottom: 1px solid #000; line-height: 50px;  font-size: 18px;  width: 100px;  margin: 20px auto;}
.cailiaoname p{ width: 165px;  color: #000;  font-size: 24px;  text-align: center;  margin: 0 auto;}
.cailiao li:nth-child(5) .cailiaoname span, .cailiao li:nth-child(6) .cailiaoname span, .cailiao li:nth-child(9) .cailiaoname span{width:180px !important;}



/* 五大综合保障 */
.baozhang{width:1095px; margin:0 auto; clear:both; overflow: hidden;}
.baozhang ul li{float:left; width:136px; height:136px; border-radius: 136px; border:1px solid #717171;  text-align: center; margin:25px 100px 0 0;}
.baozhang ul li:nth-child(5){margin-right:0px;}
.baozhang ul li h3{ font-size: 16px;  color: #000;  line-height: 25px;}
.bzimg{width: 36px;  margin: 25px auto 0;}
.baozhang ul li p{color: #999; font-size: 14px;}


/* 免费获取设计方案 */
.design{width:1200px; clear:both; overflow: hidden; margin:80px auto;}
.designM{clear:both; overflow: hidden; margin-bottom:20px;}
.designMl{float: left; width:110px; font-size: 22px; line-height: 55px;}
.designMr{float:right; width:400px;}
.designMr input{width:388px; height:53px; border:1px solid #cccccc; padding-left:10px; outline:none; font-size:22px;}
.designRight{width:515px; float:right;}
.designLleft{width:525px; float:left;}
.designRight h2{font-size: 36px;  text-align: center;  font-weight: normal;}
.designRight span{font-size:14px; display: block; border-bottom:1px solid #cccccc;  text-align: center; line-height:30px; padding-bottom:50px;}
.designMain p span{border:none; padding:0px; color:#c20000; font-size:20px;  display: initial; }
.designMain p{line-height:50px; margin-bottom:30px; font-size:20px; text-align: center;}
.designMr input::placeholder{color:#999; font-size:22px;}
.mianfeibutton{ background: #c20000;  height: 60px; color: #fff; text-align: center; line-height: 60px; font-size: 26px; width:515px; cursor: pointer;}
.indexOfferhide1, .indexOfferhide2, .indexOfferhide3, .mainShowUname, .mainShowTel{ display: none;  position: absolute;  background: #000;  opacity: 0.6;  height: 50px;  color: #fff;  line-height: 50px;  width: 340px;  border-radius: 30px;   text-align: center;  left: 150px;  top: 120px; font-size: 18px;}
.designMain{position: relative; width:515px; height:290px;}