@charset "utf-8";
body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑";
	font-size:14px;
	cursor: default;
	background-color:#fff;
	/*overflow-x: hidden;*/
	min-width:1200px;

}


/*table{border-collapse:collapse;border-spacing:0px;}*/
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
p{ margin:0; padding:0}
.clearfix{clear:both}
.overflow{ overflow:hidden}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}
b{ margin:0; padding:0}
textarea{resize:none;overflow:auto}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input{ outline:none; border:none; background-color:transparent ;font-family: "微软雅黑"}
.float-r{float: right !important}
.float-l{float: left !important;}
i{font-style: normal}




.bxui-top{ width: 100% ; height: 40px ; background-color: #ededed ; overflow: hidden;}
.bxui-top .center{ width: 1300px;  height: 40px ;margin: 0 auto ;}
.bxui-top .center .top-left{ width: 800px; height: 40px ; line-height: 40px ;float: left; }
.bxui-top .center .top-left span{font-size: 14px; color: #777 ; padding: 0 0 0 10px}
.bxui-top .center .top-left img{display: inline-block}
.bxui-top .center .top-right{ width: 400px; height: 40px ; line-height: 40px ;float: right; text-align: right }
.bxui-top .center .top-right span{font-size: 18px; color: #206d51 ;font-weight: bold ; padding: 0 0 0 9px}
.bxui-top .center .top-right img{display: inline-block ;position: relative; top: -3px}

.bxui-header{ width: 100% ; height: 85px ; background-color: #f7f9f8 ; position: relative; z-index: 99;}
.bxui-header .center{ width: 1300px;  height: 85px ;margin: 0 auto ; position: relative;}
.bxui-header .center .lg-box{float: left;}
.bxui-header .center .lg-box .logo{ padding: 22px 0 0 0}
.position_fix{position: fixed; left: 0;top: 0}
.nav{ width: 1000px; height: 85px ; float: left; padding-left: 86px ;}
.nav ul{ width: 100% ;}
.nav ul li{ width: 88px;  height: 85px ; float: left; margin-right: 17px;position: relative;}
.nav ul li .yj{ width: 100% ; height: 85px; line-height: 85px; text-align: center ; font-size: 16px; color: #333;display: block}
.nav ul li.on .yj{background-color: #1f4838 ; color: #fff }
.nav ul li .ej-box{ width: 210px; background-color: #325748 ;position: absolute; left: 0;top: 85px; display: none}
.nav ul li .ej-box .wid{ width: 100% ;height: 43px ; border-bottom: 1px solid #5a786c}
.nav ul li .ej-box .wid h3{ width: 180px;padding-left: 22px;  height: 43px ; line-height: 43px ; overflow: hidden;}
.nav ul li .ej-box .wid h3 a{ width: 100%;display:block; font-size: 14px; color: #d5dfdb}
.nav ul li .ej-box .wid h3 a span{ color: #fff ; opacity: 0;}
.nav ul li .ej-box .wid h3 a i{ font-size: 14px; color: #d5dfdb ;position: relative;}
.nav ul li .ej-box .wid h3 a:hover span{ opacity: 1;}
.nav ul li .ej-box .wid h3 a:hover i{color: #fff}
.nav ul li:hover .yj{background-color: #1f4838 ; color: #fff }

.bxui-header .center .search{ width: 20px; height: 20px ; position: absolute; right: 0;top: 33px; cursor: pointer;}
.search-box{ width: 270px; height: 46px ; background-color: #fff ; border-radius:46px ; -webkit-border-radius:46px ; -moz-border-radius:46px ; -ms-border-radius:46px ; -o-border-radius:46px ; box-shadow: rgba(0, 0, 0, 0.05) 0 0 5px 3px ;position: absolute; right: 0;top: 92px ; overflow: hidden; display: none}
.search-box .ipt{ width: 190px; height: 46px ; line-height: 46px; font-size: 14px; color: #333 ; padding-left: 24px; float: left;}
.search-box .submit{ width: 48px; height: 46px ; background: url(../image/icon3-1.png) no-repeat 8px center; float: right; cursor: pointer; }


.footer{ width: 100%; height: 406px ; background: url(../image/footbg.jpg) no-repeat center center; }
.footer .center{ width:1300px; margin: 0 auto ;padding: 70px 0 0 0}
.footer .foot-l{ width: 555px; float: left;}
.footer .foot-c{ width: 394px; float: left;}
.footer .foot-r{ width: 301px; float: right; position: relative;}
.footer .foot-l .calculation{ width: 100%; height: 109px }
.footer .foot-l .calculation .icon{float: left;}
.footer .foot-l .calculation .cal-r{float: left; padding: 10px 0 0 9px;}
.footer .foot-l .calculation .cal-r h5{width: 100%; height: 16px ;line-height: 16px ; font-size: 14px; color: #a9a9a9;margin-bottom: 15px; overflow: hidden;}
.footer .foot-l .calculation .cal-r h6{width: 100%; height: 16px ;line-height: 16px ; font-size: 14px; color: #fff; overflow: hidden;}
.footer .foot-l .calculation .cal-r h6 i{ color: #206d51;padding: 0 2px}
.footer .foot-l .offer{ width: 505px; }
.footer .foot-l .offer .mj-box{ width: 240px; height: 44px ; float: right; background: rgba(255, 255, 255, 0.15); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; ;margin-bottom: 25px;  position: relative; }
.footer .foot-l .offer .mj-box .ipt{ width: 166px; height: 44px ;line-height: 44px; padding-left: 20px; font-size: 14px; color: #fff ;background: none}
.footer .foot-l .offer .mj-box span{color: #999 ;position: absolute; right: 20px; top: 11.5px}
.footer .foot-l .offer .ipt{width: 220px; height: 44px ; float: left; color: #fff;  background: rgba(255, 255, 255, 0.15); padding-left: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;}
.footer .foot-l .offer .submit{ width: 172px; height: 44px  ;background: rgba(201, 173, 94, 0.6) ;font-size: 14px; color: #fff ; border-radius: 3px;cursor: pointer;margin-top: 25px; }
.footer .foot-l .offer .submit:hover{ background-color: #206d51}
.color1::-webkit-input-placeholder{ color:#999; }
.color1::-moz-placeholder{color:#999; }
.color1:-moz-placeholder{color:#999; }
.color1:-ms-input-placeholder{color:#999; }

.link4 {  width: 240px; height: 44px ; float: left; background: rgba(255, 255, 255, 0.15); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;margin-bottom: 25px;  position: relative;}
.link4 p {width: 224px; height: 44px ;line-height: 44px; padding-left: 14px; font-size: 14px;text-align: left; border-radius: 3px; color: #999;cursor: pointer;}
.link4 .set {background:url(../image/xl.png) no-repeat ; background-position:214px center;}
.link4 .select {background:url(../image/xl-1.png) no-repeat ; background-position:214px center ;  }
.link4 .new { width: 238px;position:absolute; left: 0px; top: 48px; background-color: #fff; max-height:120px; overflow-y:auto;  overflow-x: hidden; z-index: 99;-webkit-line-clamp: 20; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.05) 0 0 5px 3px; display: none }
.link4 ul li { width:100%; }
.link4 ul li a{  width: 100%; height:30px; line-height:30px;  display:block; text-align: center; font-size:14px; color:#777; cursor: pointer;  overflow:hidden}
.link4 ul li:hover a{ color: #1f4838; background-color: #d2e2dc}
.link4 .set.color001{color: #fff;}

.link4 .new::-webkit-scrollbar{  width:7px;height:7px; }
    /*正常情况下滑块的样式*/
.link4 .new::-webkit-scrollbar-thumb{ background-color:#ccc; }
    /*鼠标悬浮在该类指向的控件上时滑块的样式*/
.link4 .new:hover::-webkit-scrollbar-thumb{ background-color:#ccc;}
    /*正常时候的主干部分*/
.link4 .new::-webkit-scrollbar-track{background-color:#fff; }

.footer .foot-c .pho_box{ width: 100% ; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 33px}
.footer .foot-c .pho_box h4{background: url(../image/icon14.png) no-repeat left center; padding-left: 29px; font-size: 14px; color: #a9a9a9 ;margin-bottom: 16px;}
.footer .foot-c .pho_box h5{ line-height: 26px ; font-size: 26px; color: #fff ;font-weight: bold}
.footer .foot-c .tit{line-height: 20px; font-size: 18px; color: #fff ; font-weight: bold ; padding: 30px 0 24px 0}
.footer .foot-c .dda{background: url(../image/icon15.png) no-repeat left center; padding-left: 27px; font-size: 16px; color: #aaa ;margin-bottom: 18px;}
.footer .foot-c .ddb{background: url(../image/icon16.png) no-repeat left 3px; padding-left: 27px; font-size: 16px; color: #aaa ;}
.footer .foot-r .fxbox{width: 100% ; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 25px 0 38px 0}

.tank{ width: 34px ; height: 28px; display: inline-block; margin-right: 16px; cursor: pointer;position: relative;  }
.tank .imgb{ width: 100% ; height: 100%;position: relative;}
.tank .imgb img{ width: 100% ;  height: 100%; position: absolute; left: 0;top: 0;}
.tank .imgb .ic2{display: none}

.tank .ewm-box2{width: 122px;
    height: 122px;
    padding: 7px;
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    top: -155px;
    margin-left: -71px;
    box-shadow: rgba(0, 0, 0, 0.05) 0 0 5px 2px;
    z-index: 19;display: none;}
.tank .ewm-box2 img{width: 122px; height: 122px;}
.tank .ewm-box2 i{display: block; width: 0; height: 0; border: 6px solid transparent; border-top-color: #fff;
    position: absolute; left: 50%; margin-left: -3px; bottom: -12px;}
.tank:hover .ewm-box2{display: block}
.tank:hover .imgb .ic2{display: block}
.tank:hover .imgb .ic1{display: none}

.xhs{ width: 70px; margin: 0}
.xhs .imgb img{ height: 25px;}
.footer .foot-r .em{ width: 108px; height: 108px ; position: absolute; right: 0;top: 125px}

.copy{ width: 100%; height: 52px ;line-height: 52px ;background-color: #09342f ; text-align: center ; font-size: 14px; color: #fff; overflow: hidden;}
.copy a{ font-size: 14px; color: #fff;}



/* 预约设计师弹窗 */
.tan-bj{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) ; position: fixed; left: 0;top: 0; z-index: 999; overflow: hidden; display: none}
.table{ width: 100% ; height: 100%;}
.table tr td{ width: 100% ; height: 100%;text-align: center;  position: relative;}
.bg-color{ width: 822px; height: 470px; padding: 40px 0; display: inline-block; background-color: #fff; border-radius:0 52px  0 52px; position: relative; -webkit-border-radius:0 52px  0 52px; -moz-border-radius:0 52px  0 52px; -ms-border-radius:0 52px  0 52px; -o-border-radius:0 52px  0 52px; }
.bg-color .make-l{ width: 328px; float: left; padding-left: 77px;}
.bg-color .make-r{ width: 347px; float: right; border-left: 1px solid #ccc ; height: 470px}
.bg-color .make-l .tit{ width: 100% ;text-align: center ; font-size: 26px; font-weight: bold ;color: #206d51 ;margin-bottom: 44px;}
.bg-color .make-l .form-box{ width: 100% ; height: 44px ;position: relative; margin-bottom: 15px;}
.bg-color .make-l .form-box h3{ width: 86px; height: 44px; line-height: 44px; float: left; font-size: 16px; color: #333 ;}
.bg-color .make-l .form-box h3 i{font-size: 16px; color: #d34444 ; position: absolute; left: -5px;}
.bg-color .make-l .form-box .fb{ width: 240px; height: 44px;float: left;}
.bg-color .make-l .form-box .fb .ipt{ width: 224px; height: 42px ; border: solid 1px #aaa ; padding-left: 14px; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; font-size: 14px; color: #333}
.bg-color .make-l .form-box2 .fb{ width: 224px; height: 40px ; border: solid 1px #aaa ;padding-left: 14px;  border-radius:3px ; }
.bg-color .make-l .form-box2 .fb .ipt{ width: 175px ;height: 40px; border: none ;padding: 0 ;float: left;}
.bg-color .make-l .form-box2 .fb i{color: #333 ;position: absolute; top: 10px ;right: 17px}

.link3 {  width: 240px; height: 44px ; float: left; background-color: #fff ; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; margin-right: 32px; position: relative;}
.link3 p {width: 224px; height: 42px ;line-height: 42px; padding-left: 14px; font-size: 14px;border: solid 1px #aaa ;text-align: left; border-radius: 3px; color: #777;cursor: pointer;}
.link3 .set {background:url(../image/icon5.png) no-repeat ; background-position:214px center;}
.link3 .select {background:url(../image/icon6.png) no-repeat ; background-position:214px center ;  }
.link3 .new { width: 238px;position:absolute; left: 0px; top: 48px; background-color: #fff; max-height:120px; overflow-y:auto;  overflow-x: hidden; z-index: 99;-webkit-line-clamp: 20; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.05) 0 0 5px 3px; display: none }
.link3 ul li { width:100%; }
.link3 ul li a{  width: 100%; height:30px; line-height:30px;  display:block; text-align: center; font-size:14px; color:#777; cursor: pointer;  overflow:hidden}
.link3 ul li:hover a{ color: #1f4838; background-color: #d2e2dc}
.link3 .set.color001{color: #333;}

.link3 .new::-webkit-scrollbar{  width:7px;height:7px; }
    /*正常情况下滑块的样式*/
.link3 .new::-webkit-scrollbar-thumb{ background-color:#206d51; }
    /*鼠标悬浮在该类指向的控件上时滑块的样式*/
.link3 .new:hover::-webkit-scrollbar-thumb{ background-color:#206d51;}
    /*正常时候的主干部分*/
.link3 .new::-webkit-scrollbar-track{background-color:#fff; }

.yue{ width: 100% ;text-align: center ; margin: 36px 0 11px 0}
.yue .submit{width: 172px; height: 44px  ;background-color: #c9ad5e ;font-size: 14px; color: #fff ; border-radius: 3px;cursor: pointer;}
.zhus{width: 100% ;text-align: center ; font-size: 14px; color: #999}
.zhus i{color: #d34444}

.bg-color .make-r .ewmbox{ width: 204px; height: 204px;text-align: center; background-color: #fff ; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; border: solid 1px #ccc ; margin: 98px 0 0 70px}
.bg-color .make-r .ewmbox img{ width: 182px; height: 182px ;margin-top: 11px}
.bg-color .make-r h5{ font-size: 16px; color: #333 ;padding: 11px 0 34px 0}
.bg-color .make-r .pho{display: inline-block}
.bg-color .make-r .pho span{font-size: 18px; color: #206d51 ;font-weight: bold ; padding: 0 0 0 9px}
.bg-color .make-r .pho img{display: inline-block ;position: relative; top: 3px}
.bg-color .click_gb{ position: absolute; right: 33px;top: 30px; cursor: pointer;}



.tan-bj4{display: none}
.tan-bj4 .bg-color{ height: 320px;}
.tan-bj4 .bg-color .make-r .ewmbox{margin: 28px 0 0 70px;}
.tan-bj4 .bg-color .make-r{height: 320px}
.tan-bj4 .yue{margin: 26px 0 11px 0;}


.bg-color{ height: 514px;}
.bg-color .make-l .form-box.yzm .fb .ipt{ width: 110px; float: left;}
.bg-color .make-l .form-box.yzm .fb .ym_img{ width: 121px; height: 44px; background-color: #daca9c ;position: absolute; right: 0 ;top: 0}
.bg-color .make-l .form-box.yzm .fb .ym_img img{ width: 100% ; height: 100%;}
/* 固定层 */

.bxui-fixed001{ width: 76px;position: fixed; right: 0;top: 33% ;z-index: 99;}
.bxui-fixed001 .icon-box{ width: 100% ; height: 76px ; background-color: #fff ; margin-bottom: 6px; border-radius:3px; cursor: pointer; text-align: center; position: relative; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;  box-shadow: rgba(0, 0, 0, 0.05) 0 0 6px 3px; }
.bxui-fixed001 .icon-box h5{ width: 100% ; height: 14px; line-height: 14px;font-size: 14px; color: #555 ; position: absolute; left: 0;bottom: 10px}
.bxui-fixed001 .icon-box img{ position: absolute; left: 50%;top: 12px ; margin-left: -18px}
.bxui-fixed001 .icon-box .icon2{display: none}
.bxui-fixed001 .icon-box:hover{background-color: #206d51 ;}
.bxui-fixed001 .icon-box:hover .icon1{display: none}
.bxui-fixed001 .icon-box:hover .icon2{display: block}
.bxui-fixed001 .icon-box:hover h5{color: #fff}

.bxui-fixed001 .cent .wx001{ width: 122px; height: 122px; padding: 15px ; background-color: #fff ;  box-shadow: rgba(0, 0, 0, 0.1) 0 0 6px 3px; border-radius:5px; position: absolute; left: -175px; top: -38px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;display: none}
.bxui-fixed001 .cent .wx001 img{ width: 100%; height: 122px;}
.bxui-fixed001 .cent .wx001 .sjx{display: block;width: 0;height: 0;border: 6px solid transparent;border-left-color: #fff;position: absolute;right: -12px ;top: 46%}



.Verification_code2{ width: 240px;  height: 44px ; float: left;margin-top: 25px; position: relative; border-radius: 3px; overflow: hidden;}
.Verification_code2 .ipt{width: 140px !important; height: 44px; float: left; background-color: #fff; color: #fff;padding-left: 15px;}
.Verification_code2 .ym_img{ width: 83px; height: 44px; background-color: #daca9c ;position: absolute; right: 0 ;top: 0}
.Verification_code2 .ym_img img{ width: 100% ; height: 100%;}

.footer .foot-l .offer .submit{width: 240px;}