a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}
ol,ul{list-style:none}
li{list-style:none}
ul{list-style-type:square}
:focus{outline:0}
img{border:0}
img{vertical-align:middle}
table{empty-cells:show}
ins{text-decoration:none}
del{text-decoration:line-through}
em{font-style:normal}
button::-moz-focus-inner,input[type=reset] ::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{border:0;padding:0}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
input[type=button]{border:0;padding:0}
.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden}
.clearfix{clear:both}
.clearfix{display:block}
h1{font:20px "Microsoft Yahei","微软雅黑",Times New Roman,Tahoma,Arial,Verdana}
h2,h3{font-size:16px}
h4,h5,h6{font-size:14px}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:transparent}
body{font:14px "Microsoft Yahei","微软雅黑",Times New Roman,Tahoma,Arial,Verdana;color:#282828;text-align:left;background:#f5f5f5;}
a{color:#282828;text-decoration:none}
a:hover{text-decoration:none}


.header,.footer{ margin:0 auto; width:100%; max-width:1900px; min-width:1200px; background:#fff;}
.contents{ margin:0 auto 0 auto; width:1200px;}

.text_red{ color:#f6363a;}

.header_top{ width:100%; background:#f5f5f5; height:30px; line-height:30px; font-size:12px;}
.h_top_box,.footer_box{ margin:0 auto; width:1200px;}

.header_top .h_top_box{ text-align:right;}
.header_top strong a{font-size:16px; color:#f6363a;}
.header_top .htr_tel,.header_top .htr_weixin,.header_top .htr_weibo{position: relative; display:inline-block;*display:inline;*zoom:1; vertical-align:top;height:30px; line-height:30px; padding-left:32px; font-style:normal; background:url(../images/header_wx_ico.png) no-repeat; }

.header_top .htr_weibo{ background-position:0 -32px;}
.header_top .htr_tel{ background-position:0 -64px;}

.header_top .s_box {display:none;position:absolute;top:35px;left:-0px;width:100px;height:105px; -webkit-animation:topFadeIn .3s ease-out;-moz-animation:topFadeIn .3s ease-out;animation:topFadeIn .3s ease-out; border:#ccc solid 1px;z-index:301}
.header_top .s_box img{ width:100%; height:100%;}

.header_top a:hover .s_box {display: block;}



.header .h_logo_search{margin:0 auto; width:1200px; height:98px;}
.h_logo_search .logo{ display:inline; float:left; padding:14px 0 0 8px;}
.h_logo_search .logo img {vertical-align: middle;}

.h_logo_search .header_search{display:inline; float:left; padding:23px 0 0 100px; width:440px;}
.header_search input[type="text"]{ display:inline-block;*display:inline;*zoom:1; vertical-align:top; padding:0 15px; border:#f6363a solid 2px; width:346px; height:32px;}
.header_search button{display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:58px; border:0px; border-radius:0; height:36px; background:#f6363a url(../images/header_search_btn.png) no-repeat center center; cursor:pointer;}
.header_search_keywords{width:440px; padding-top:11px; overflow:hidden;}
.header_search_keywords ,.header_search_keywords a{ color:#999;}
.header_search_keywords a{ padding:0 8px;}
.header_brand{ float:right;}

.header .header_nav{ margin:0 auto; width:1200px; height:39px;}
.header .nav_menu{ display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin:0 0 0 50px; }
.header .nav_menu #h_first{width:80px}
.header .nav_menu dd{float:left;position:relative;width:98px;height:100%;z-index:200; height:39px; line-height:39px;}
.header .nav_menu dd>a{display:block;position:relative;width:100%;height:100%;font-size:16px;color:#15151d;text-align:center;}
.header .nav_menu .hot:before {content: ""; position:absolute; right:-4px; top:-5px; width:19px; height:14px; background:url(../images/header_menu_hot.png) no-repeat; z-index:201}
.header .nav_menu dd>a:hover,.nav_menu dd>a.hover,.nav_menu dd>a:active{text-decoration:none; color:#f6363a;}


.header .sub_menu{transition:all .2s ease-in-out;display:none;position:absolute;top:39px;left:-20px;width:160px;background:#FFF;z-index:200}
.header .sub_menu p{display:block}
.header .sub_menu p a{display:block; font-size:14px;height:40px;line-height:40px;color:#fff;text-align:center;background:rgba(59,59,59,1);}
.header .sub_menu a:active,.header .sub_menu a:hover{background:rgba(78,78,78,1);color:#FFF}


.header .nav_menu dd:hover .sub_menu{display:block}




.header .nav_list{position:relative;display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:230px; height:39px;}
.header .nav_list h3{ display:block; padding-left:20px; height:100%; line-height:39px; background:#5d5455; color:#fff; font-size:16px;}
.header .nav_sort{ position:absolute; left:0px; bottom:-450px; width:230px; height:450px; z-index:300}
.header .nav_sort dl{ display:block; width:100%; height:90px; background:#83574f;}

.header .nav_sort_on{ display:none;}

.header .nav_sort dl a{ color:#e5e5e5;}

.header .nav_sort dl>dt{ position:relative; display:block; padding:8px 0 0 66px; height:32px; line-height:32px;font-size:14px; font-weight:800; background:url(../images/nav_sort_dt_ico.png) no-repeat 210px -160px;}
.header .nav_sort dl>dt>i{content: ""; position:absolute; left:16px; top:8px; width:40px; height:32px; background:url(../images/nav_sort_dt_ico.png) no-repeat;}
.header .nav_sort dl:nth-child(1) dt i {background-position:0 -96px;}
.header .nav_sort dl:nth-child(2) dt i {background-position:0 0;}
.header .nav_sort dl:nth-child(3) dt i {background-position:0 -32px;}
.header .nav_sort dl:nth-child(4) dt i {background-position:0 -64px;}
.header .nav_sort dl:nth-child(5) dt i {background-position:0 -128px;}

.header .nav_sort dl>dd{ display:block; padding-left:10px;font-size:12px; line-height:22px;}
.header .nav_sort dl>dd a{display:inline-block;*display:inline;*zoom:1; vertical-align:top; width:33.33%; text-align:left;}

.header .nav_sort dl:hover a,.nav_sort dl.hover a{color:#371e17; }
.header .nav_sort dl:hover,.nav_sort dl.hover{text-decoration:none; color:#371e17; background:#fff;}

.header .nav_sort dl:hover:nth-child(1) dt i,.header .nav_sort dl.hover:nth-child(1) dt i {background-position:-40px -96px;}
.header .nav_sort dl:hover:nth-child(2) dt i,.header .nav_sort dl.hover:nth-child(2) dt i {background-position:-40px 0;}
.header .nav_sort dl:hover:nth-child(3) dt i,.header .nav_sort dl.hover:nth-child(3) dt i {background-position:-40px -32px;}
.header .nav_sort dl:hover:nth-child(4) dt i,.header .nav_sort dl.hover:nth-child(4) dt i {background-position:-40px -64px;}
.header .nav_sort dl:hover:nth-child(5) dt i,.header .nav_sort dl.hover:nth-child(5) dt i {background-position:-40px -128px;}


.footer{ padding:34px 0;}
.footer_top{ margin:24px auto; display:block; text-align:center; font-size:0px; width:1200px;}
.footer_top dd{display:inline-block;*display:inline;*zoom:1; vertical-align:top; position:relative; margin:0 0 0 12px; background:#fff; padding:20px 0 0 78px; width:152px; height:60px; text-align:left; font-size:18px; color:#000;}
.footer_top dd span{ display:block; font-size:14px; color:#999;}
.footer_top dd:before{content: "";   position:absolute; top:24px; left:25px;width:40px; height:40px; background:url(../images/footer_ico.png) no-repeat;}
.footer_top dd:nth-child(1) { margin:0;}
.footer_top dd:nth-child(2):before { background-position:0 -40px;}
.footer_top dd:nth-child(3):before { background-position:0 -80px;}
.footer_top dd:nth-child(4):before { background-position:0 -120px;}
.footer_top dd:nth-child(5):before { background-position:0 -160px;}
.footer_top a{ display:block; width:100%; height:100%;}



.footer .footer_tel{ display:inline-block;*display:inline;*zoom:1; vertical-align:top;position:relative; padding-left:130px; height:162px; width:180px; font-size:18px; color:#000;}
.footer .footer_tel:before{content: "";   position:absolute; top:24px; left:30px;width:60px; height:60px; background:url(../images/footer_ico.png) no-repeat; background-position:0 -200px;}

.footer .footer_tel strong{ display:block; padding-top:14px; font-size:24px;}
.footer .footer_tel label{ display:block; color:#4b4948; font-size:12px;}
.footer .footer_tel .tel_btn{ margin-top:14px; display:block; height:40px; line-height:40px; border-radius:3px; background:#f6363a; color:#fff; font-size:12px; text-align:center;}

.footer dl{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin-left:74px; width:110px;}
.footer dl dt{ display:block; padding-bottom:5px; font-size:18px; color:#000; }
.footer dl dd{ display:block; color:#4b4948; line-height:28px;}

.footer .footer_wx{display:inline-block;*display:inline;*zoom:1; vertical-align:top;}
.footer .footer_wx li{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin-left:28px;}
.footer .footer_wx img{ width:112px; height:112px;}
.footer .footer_wx p{ display:block; padding-top:10px; font-size:12px; color:#9a9a9a; text-align:center;}

.footer .footer_copy{margin:24px auto 0 auto; padding:12px 0 15px 0; border-top:#dad9d9 solid 1px; width:1200px; text-align:center; }

	   
.km_dialog_overlay{position: fixed;z-index: 100003;top: 0;width:100%; height: 100%;background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);-webkit-backface-visibility: hidden}

.km_dialog{font-size:0.16rem;position:fixed;border-radius: 8px;background-color:#fff; width:290px;top:50%;left:50%;z-index:20;padding-top:12px;color:#6c6c6c;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.km_dialog .km_dialog_title{text-align:center;padding:12px;font-size: 17px;font-weight:700}
.km_dialog .km_dialog_content{padding:0 12px;font-size: 16px;line-height: 18px;color: #151516; text-align:center; overflow: hidden;margin-top: 7px;}
.km_dialog .km_dialog_buttons{margin-top: 18px;width:100%;color:#f40;border-top:1px solid #ededed;display:-webkit-box;display:-moz-box;display:-ms-flexbox}
.km_dialog .km_dialog_buttons .km_dialog_btn{display:block;text-align:center;width:100%;height:48px; line-height:48px; color:#e02e24;border-left:1px solid #ededed;}
/*.km_dialog_confirm .km_dialog_buttons .km_dialog_btn{width:50%}*/
.km_dialog .km_dialog_buttons .km_dialog_btn{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;}
.km_dialog .km_dialog_buttons .km_dialog_btn:first-child{border-left:0;color: #9c9c9c;}

.km_toast{position:fixed;z-index:100;top:45%;width:100%;text-align:center;font-family:sans-serif}
.km_toast .km_toast_text{box-sizing:border-box;display:inline-block;margin:-24px auto auto;padding:20px 16px;border-radius:5px;background-clip:padding-box; font-size:18px;color:#fff;background-color:rgba(0,0,0,0.8);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}

.km_loading{height:40px;width: 40px;position: fixed;margin: -20px 0 0 -20px;left: 50%;top: 50%;z-index:99999;-webkit-animation: rotation .6s infinite linear;animation: rotation .6s infinite linear;border-left: 4px solid rgba(255,109,0,0.15);border-right: 4px solid rgba(255,109,0,.15);border-bottom: 4px solid rgba(255,109,0,.15);border-top: 4px solid rgba(255,109,0,.75);border-radius: 100%}


@-webkit-keyframes rotation{
	from{-webkit-transform: rotate(0deg)}
	to{-webkit-transform: rotate(359deg)}
}
@keyframes rotation{
	from{-webkit-transform: rotate(0deg);transform: rotate(0deg)}
	to{-webkit-transform: rotate(359deg);transform: rotate(359deg)}
}

.bm_success_layer{position:fixed;z-index: 1000;top: 0;width:100%; height: 100%;background: rgba(0,0,0,.8);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-flex-flow: column;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-transition-property: opacity;-webkit-transition-duration: 100ms;-webkit-backface-visibility: hidden}

.bm_success_container{position:fixed;top:50%;left:50%;z-index:1001;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.bm_success_box_qw{  width:418px; height:504px; background:url(../images/bm_success_box_qw.png) no-repeat center top; background-size:contain;}
.bm_success_wx{ margin:20px auto 0 auto; width:255px; height:218px; }
.bm_success_wx img{ width:100%; height:100%;}
.bm_tips_close{display:block; margin:18px auto 0 auto; width:32px; height:32px; background:url(../images/bm_tips_close.png) no-repeat center center; background-size:contain;}

.bm_success_box_cg{  width:418px; height:504px; background:url(../images/bm_success_box_cg.png) no-repeat center top; background-size:contain;}



/* float_bottom */

.float_bottom_height{ display:none; height:100px; background:#fff;}
.float_bottom.on{height:0px;overflow:hidden;}
.float_bottom{width:100%;height:82px;background:url(../tanchuang/bgs.png);position:fixed;bottom:0;left:0;z-index:1000;-webkit-transition:all 0.3s;}
.float_bottom_box{width:1200px;height:82px;margin:0 auto;position:relative;-webkit-transition:all 0.3s;}

.float_bottom_left{position:absolute; left:0; top:-43px;-webkit-transition:all 0.3s; overflow:hidden;}
.float_bottom_center{margin:0 0 0 460px;position:relative; padding-top:20px;-webkit-transition:all 0.3s;overflow:hidden;}
.float_bottom_center input{display:inline-block;*display:inline;*zoom:1;vertical-align:top; margin-right:10px; padding:0 20px; height:46px; line-height:46px; font-size:18px; color:#000; border:0px; width:200px; border-radius:8px;}
.float_bottom_center button{display:inline-block;*display:inline;*zoom:1;vertical-align:top; border:0px; margin:0; padding:0; background:url(../tanchuang/float_bottom_btn.png) no-repeat left center; width:167px; height:50px;cursor:pointer;}


.float_bottom_max{display:none;position:absolute;left:0px;top:-48px;-webkit-transition:all 0.3s;}

.float_bottom.in{width:240px;height:100px;bottom:50px;border-radius:0 130px 130px 0;cursor:pointer;}


.float_bottom.in .float_bottom_box{width:240px;height:100px;}
.float_bottom.in .float_bottom_left,.float_bottom.in .float_bottom_center{width:0;height:0;}
.float_bottom.in .float_bottom_max{display:block;}

.float_bottom_close{ display:none;width:33px;position:fixed;bottom:32px;left:50%;margin-left:570px;height:50px;z-index:1001;}
.float_bottom_close i{float:left;margin:0 16px;width:1px;height:30px;background:#fff;}
.float_bottom_close img{float:left;width:33px;height:33px;cursor:pointer;}

/* end float_bottom */
		
/*左浮动*/



.float_right_box{ display:none;position:fixed;top:20%;right:12px;width:58px;z-index:900;}
.float_right_box dd,.float_right_box dt{ position:relative; margin-bottom:1px; width:58px; height:56px; background:url(../tanchuang/float_right_box.png) no-repeat 0 0; background-color:#f49727;}
.float_right_box dd a,.float_right_box dt a{ display:block; width:100%; height:100%; cursor:pointer;}
.float_right_box dt{ background-color:#c8c8c8;}
.float_right_box dd:nth-child(2){ background-position:0 -57px;}
.float_right_box dd:nth-child(3){ background-position:0 -114px;}
/*.float_right_box dd:nth-child(4){ background-position:0 -171px;}*/
.float_right_box dt{ background-position:0 -228px;}
.float_right_box i{ position:absolute; top:-8px; right:-8px; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; font-size:12px; font-style:normal; background:#df0404; border-radius:20px; border:#fff solid 2px;}

.float_right_box dd:hover{ background-color:#f6363a;}
.float_right_box dd:hover .float_right_box_tel{ display:block;}
.float_right_box i{-webkit-animation: displayTo 1s linear infinite; animation: displayTo 1s linear infinite}


.float_right_box_tel{ display:none; position:fixed; top:50%;left:50%;z-index:900;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-top:126px; width:500px;  background:#fff url(../tanchuang/tel_box_tel.png) no-repeat center 16px; border:#d8160d solid 4px; border-radius:8px; text-align:center;}
.float_right_box_tel_close{ position:absolute; right:10px; top:10px; width:38px; height:38px; line-height:38px; text-align:center; border:#d8160d solid 1px;border-radius:100%; color:#d8160d; font-size:20px;}
.float_right_box_tel h4{ display:block; padding:8px 0; text-align:center; font-size:22px; color:#da251d;}
.float_right_box_tel h4 a{color:#da251d;}
.float_right_box_tel input{display:inline-block;*display:inline;*zoom:1;vertical-align:top; height:43px; line-height:41px; text-align:center; padding:0 10px; width:195px; color:#716f6f; background-color:#fff; border:#a8a7a6 solid 1px; font-size:18px;box-sizing:border-box;}
.float_right_box_tel button{display:inline-block;*display:inline;*zoom:1;vertical-align:top; margin-left:5px; height:43px; line-height:41px; color:#fff; width:138px; font-size:14px; text-align:center; border:#da251d solid 1px;background-color:#da251d; cursor:pointer; box-sizing:border-box;}
.float_right_box_tel_tips{ padding:12px 0;}


/* end 左浮动*/


@keyframes displayTo{
	0%{ opacity:1} 
	50%{ opacity:0} 
	100%{opacity:1}
}

/*左浮动end*/	

/** 设计师预约 **/


	   
.dialog_designers_overlay{position: fixed;z-index: 1000;top: 0;width:100%; height: 100%;background: rgba(0,0,0,.6);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-flex-flow: column;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-transition-property: opacity;-webkit-transition-duration: 100ms;-webkit-backface-visibility: hidden}

.dialog_designers{ position:fixed; top:50%;left:50%;z-index:900;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background:#fff; border-radius:8px; 
padding:30px 33px 33px 33px; text-align:center; z-index:1001;
}

.dialog_designers h2{ font-size:32px; font-weight:bolder; color:#000; text-align:center;}
.dialog_designers h4{ font-size:16px; color:#000; text-align:center;}

.dialog_designers input[type="text"],.dialog_designers input[type="tel"]{ margin:18px auto 0 auto; display:block; border:#a5a4a3 solid 1px; padding-left:50px; text-align:left;width:358px;height:50px; border-radius:0px;  font-size:14px; color:#000;}


.dialog_designers input.d_realname{ background:#fff url(../tanchuang/d_realname_btn.png) no-repeat left center; background-size:auto 50px;}
.dialog_designers input.d_telephone{background:#fff url(../tanchuang/d_telephone_btn.png) no-repeat left center;background-size:auto 50px;}
.dialog_designers button,.dialog_designers .dialog_designers_btn{ margin:15px auto 0 auto; display:block; border:0; width:408px;border:#da251d solid 1px; height:60px; line-height:60px; text-align:center; font-size:30px; color:#fff; background:#da251d; cursor:pointer; box-sizing:content-box; }

.dialog_designers p{ display:block; padding-top:20px;  text-align:center;font-size:12px; color:#8e8c8c;}

.dialog_designers .dialog_designers_close{ position:absolute; right:10px; top:10px; width:38px; height:38px; line-height:38px; text-align:center; border:#d8160d solid 1px;border-radius:100%; color:#d8160d; font-size:30px; background:#fff;}

/** 设计师预约 **/


/** 弹窗 **/


	   
.dialog_tc_overlay{position: fixed;z-index: 1000;top: 0;width:100%; height: 100%;background: rgba(0,0,0,.6);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-flex-flow: column;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-transition-property: opacity;-webkit-transition-duration: 100ms;-webkit-backface-visibility: hidden}

.dialog_tc{ position:fixed; top:50%;left:50%;z-index:900;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background:#fff; border-radius:8px; 
 text-align:center; z-index:1001; width:419px; height:280px; background:url(../tanchuang/dialog_tc.png) no-repeat center top;}
.dialog_tc .dialog_tc_close{ position:absolute; right:-20px; top:-20px; width:40px; height:40px; line-height:40px; text-align:center; border:#fff solid 3px;border-radius:100%; color:#fff; font-size:36px; background:#a6d3c2; font-weight:800;}
.dialog_tc .dialog_tc_cc_btn{ position:absolute; left:58px; bottom:22px; width:158px; height:36px; line-height:36px; text-align:center;border-radius:36px; color:#fff; font-size:18px; background:#f6363a;}
.dialog_tc .dialog_tc_zx_btn{ position:absolute; right:58px; bottom:22px; width:130px; height:36px; line-height:36px; text-align:center;border-radius:36px; color:#fff; font-size:18px; background:#b08f56;}
/** 弹窗 **/


.pags{width:100%;margin:10px auto;text-align:center}
.pagination{display:inline-block;margin:20px 0}
.pagination>li{display:inline-block}
.pagination>li>a,.pagination>li>span{position:relative;display:inline-block;margin:0 2px;padding:8px 12px;line-height:1.42857143;color:#535353;text-decoration:none;background-color:#fff;border:1px solid #dadada;border-radius:3px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#fff;background-color:#777;border-color:#dadada}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#666;border-color:#666}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}