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:#fff;}
a{color:#282828;text-decoration:none}
a:hover{text-decoration:none}







.header,.footer{ margin:0 auto; max-width:1900px;  min-width:1200px; background:#fff;}
.contents{ margin:0 auto 0 auto; width:1200px;}
.footer{ background:#fff;}


.text_red{ color:#f6363a;}
.text_white,.text_white a{color: #fff;}
.font_size_12px{ font-size: 12px;}
.bg_white {
    background-color:#fff;
}
.bg_hei {
    background-color: #F5F5F5;
}
.w_1360px {
    margin: 0 auto;
    width: 1200px;
}
.w_max_1900px{ margin:0 auto; max-width:1900px; min-width:1200px;}

.f_left {
    display:inline;
    float: left;
}
.f_right {
    display:inline;
    float: right;
}

.position_relative {
    position: relative;
}
.display_flex {
    display: flex;
    
    
    
}
.flex_direction_row {
    flex-direction: row;
}
.flex_nowrap {
    flex-wrap: nowrap;
}
.justify_content {
    justify-content: space-between;
}



.header_top {
    position: relative;
    height: 118px;
}



.header_top .logo{display:inline-block;*display:inline;*zoom:1; vertical-align:top; padding:20px 0 0 10px;}

.header_top .h_tel{ position:absolute;top:28px; right: 230px;padding:0 0 0 0; height: 50px;   font-size: 24px;  }

.header_top .h_tel a{position:relative; display:block;padding:0 0 0 50px;z-index:2;color: #3BB375;}
.header_top .h_tel::before{position: absolute; content: ""; top:0;left:0; width: 40px; height: 50px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/header_tel.png);z-index:1;}
.header_top .h_tel p{ color:#000;}
    .header_top .h_baojia {
        position: absolute;
        top: 28px;
        right: 0px;
        padding: 0 0 0 0;
        height: 46px;
        line-height: 46px;
        background-color: #FE8A01;
        width: 192px;
        text-align: center;
        color: #fff;
        border-radius: 4px;
        background-position: 33px center;
        background-repeat: no-repeat;
        background-image: url(../images/header_yy.png);
        font-size: 16px;
    }
        .header_top .h_baojia a {
            color: #fff;
        }

.header .nav_menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    min-width: 1200px;
    /* background-color: #3BB375; */
    background-color: rgba(59, 179, 117, 1);
    height: 60px;
    overflow: hidden;
}

.header .nav_menu dd{ display: block; margin: 12px 26px 0 26px;  height:100%;z-index:200; height:38px; line-height:38px;}
.header .nav_menu dd>a{display:block;position:relative;padding:0 20px;height:100%;font-size:16px;color:#fff;text-align:center;}
.header .nav_menu dd>a:hover,.nav_menu dd>a.hover,.nav_menu dd>a:active{text-decoration:none; background-color:#fff; border-radius:4px; color:#128D40;}




.header_hover {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    background-color: rgba(59, 179, 117, 1);
}

.footer{ padding:50px 0 0 0; background-color:#3B4653;color:#fff;}

    .footer a {
        color: #C4C4C4;
    }

    .footer dl{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin-left:74px; width:130px;}
.footer dl dt{ display:block; padding-bottom:5px; font-size:18px;  }
.footer dl dd{ display:block;  line-height:28px;}
.footer dl dd a{}
.footer .footer_wx{ float:right; margin-right:40px;}
.footer .footer_wx li{display:inline-block;*display:inline;*zoom:1; vertical-align:top; margin-left:48px;}
.footer .wx_img{ width:112px;}
.footer .footer_wx h5{ display:block; padding:0 0 10px 0; font-size:18px;  text-align:center;}
.footer .footer_wx p{ display:block; padding-top:10px; font-size:12px;  text-align:center;}

.footer .footer_tel{ display:inline-block;*display:inline;*zoom:1; vertical-align:top;position:relative; padding:90px 0 0 0; margin:0 0 0 25px; min-height:122px; width:425px; font-size:18px;}
.footer .footer_tel:before{content: "";   position:absolute; top:0; left:0;width:237px; height:72px; background:url(../images/f_logo.png) no-repeat; background-position:0 0;}

.footer .footer_tel strong{ display:block; padding-top:14px; font-size:36px;}
.footer .footer_tel strong a{ color:#FE8A01; }

.footer .footer_tel label{ display:block;  font-size:12px;}
    .footer .footer_tel dt {
        padding: 0 120px 0 20px;
        font-size: 12px;
        background: url(../images/f_add.png) no-repeat;
        background-position: 0 0;
    }








.footer .footer_copy{margin:14px auto 0 auto; padding:12px 0 15px 0; color:#fff; text-align:center; background-color:#11110D; }
    .footer .footer_copy a {
        color: #FE8A01;
    }

.links {
    margin: 10px auto;
    width: 1200px;
    padding: 15px 0;
    line-height: 22px;
}

    .links a {
        margin: 0 5px;
    }
	   
.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:132px; background:#fff;}
.float_bottom.on{height:0px;overflow:hidden;}

.float_bottom{width:100%;min-width:1200px;height:132px;background:#0a2db1 url(../images/float_bottom_bg.png);position:fixed;bottom:0;left:0;z-index:1000;-webkit-transition:all 0.3s;}


.float_bottom_box{width:1200px;height:132px;margin:0 auto;position:relative;-webkit-transition:all 0.3s;}
.float_bottom_pic{position:absolute; left:0; top:-76px; width:415px; height:208px;background:url(../images/float_bottom_pic.png) no-repeat left center; -webkit-transition:all 0.3s; overflow:hidden;}

.float_bottom_close{ position:absolute; right:0px; top:-26px; width:52px;height:52px;background:url(../images/float_bottom_close.png) no-repeat center center;z-index:1001;cursor:pointer;}



.float_bottom_form{margin:0 0 0 425px;position:relative; padding-top:38px;-webkit-transition:all 0.3s;overflow:hidden;}
.float_bottom_form input{display:inline-block;*display:inline;*zoom:1;vertical-align:top; margin-right:6px; padding:0 20px 0 64px; height:56px; line-height:56px; font-size:16px; color:#000; border:0px; width:228px; border-radius:8px;}
.float_bottom_form button{display:inline-block;*display:inline;*zoom:1;vertical-align:top; border:0px; margin:0; padding:0; text-align:center;  width:284px; height:56px;line-height:56px;cursor:pointer;border-radius:8px; background-color:#ffe62b; font-size:20px; color:#120e09; background-size:contain;}
.float_bottom_form input.realname { background: #fff url(../images/float_bottom_form_input.png) no-repeat 20px 0;}
.float_bottom_form input.telephone { background: #fff url(../images/float_bottom_form_input.png) no-repeat 20px -56px;}



.float_bottom.in {height:0px;overflow:hidden;}





/* end float_bottom */
		
/*左浮动*/



.float_right_box{ display:none;position:fixed;top:20%;right:12px;width:82px;z-index:900;}
.float_right_box dd,.float_right_box dt{ position:relative;  width:82px; height:82px;background-color:#fff; text-align:center; border-radius:6px; margin-top:2px;box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); }
.float_right_box dd::after,.float_right_box dt::after{content: "";position: absolute; top: 10px;left: 50%; margin-left:-25px; width: 50px;height: 50px;background-position: 0 0;background-repeat: no-repeat;background-image: url(../images/float_right_box.png); z-index:1;}
.float_right_box dd a,.float_right_box dt a{ position:relative; display:block; width:100%; padding-top:54px; height:28px; cursor:pointer; z-index:20;}
.float_right_box dt{ background-color:#fff;}
.float_right_box dd:nth-child(2)::after{ background-position:0 -50px;}
.float_right_box dd:nth-child(3)::after{ background-position:0 -100px;}
.float_right_box dt::after{ top:18px; background-position:0 -150px;}
.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,.float_right_box dt:hover{ background-color:#1748b7; color:#fff;}
.float_right_box dd:hover a,.float_right_box dt:hover a{ color:#fff;}
.float_right_box dd:hover::after,.float_right_box dt:hover::after{background-image: url(../images/float_right_box_h.png); }
.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);}

.dialog_tc{ position:fixed; top:40%;left:50%;z-index:900;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); z-index:1001; 
width:750px; height:420px;background-color:#0080ff;border-radius:20px;}
.dialog_tc_lefts{ position:absolute; left:0; top:0; width:340px; height:100%; background:url(../images/dialog_tc_lefts.png) no-repeat left top; z-index:1;}


.dialog_tc_rights{position:absolute; top:48px; right:48px;  z-index:2;}
.dialog_tc .dialog_tc_close{ position:absolute; right:16px; top:14px; width:35px; height:35px; line-height:35px; color:#0080ff; background-color:#ffe62b; border-radius:35px; text-align:center; font-size:18px; cursor:pointer; z-index:2;}

.dialog_tc_form h3{ color:#fff; font-size:40px;}
.dialog_tc_form input{display:block;margin:12px auto 0 auto; padding:0 20px 0 64px; height:50px; line-height:50px; font-size:16px; color:#000; border:0px; width:226px; border-radius:8px;}
.dialog_tc_form button,.dialog_tc_form .dialog_tc_btn{margin:12px auto 0 auto;display:block;border:0px;  padding:0; text-align:center;  width:310px; height:50px;line-height:50px;cursor:pointer;border-radius:8px; background-color:#ffe62b; font-size:22px; color:#5b5b5b; background-size:contain;}
.dialog_tc_form input.realname { background: #fff url(../images/float_bottom_form_input.png) no-repeat 20px 0;}
.dialog_tc_form input.telephone { background: #fff url(../images/float_bottom_form_input.png) no-repeat 20px -56px;}
.dialog_tc_rights .dialog_tc_cases {
    background: rgba(245,245,245,0.3);
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 0;
    width: 310px;
    margin: 12px auto 0 auto;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align:center;
}
.dialog_tc_rights .dialog_tc_cases label {color: #ffe62b;}

/** 弹窗 **/


.pags_box{ position:relative; min-height:80px;margin:10px auto;text-align:right;}
.pags_details{ position:absolute; left:0; top:30px; color:#6e6e6e; font-size:16px;}

.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:12px 18px;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:#3BB375;border-color:#3BB375}
.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:#3BB375;border-color:#3BB375}
.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;}
.pagination li.PagedList-skipToLast,.pagination li.PagedList-skipToFirst{ }
