.wrap{ background:#4d4d4d;}

body{ background:#676767; }



/*导航样式*/

.g-nav1 { background-color:#2b2b2b; }

.g-nav1 ul{ text-align:center; width:100%;margin:0 auto;}

.g-nav1 li { background-color:#2b2b2b;  border-top:1px solid #f6871f; border-bottom:1px solid #f6871f;  border-left: 1px solid #807e7e;border-right: 1px solid #1f1f1f;float:left;height: 34px;line-height: 34px;text-align: center;}

.g-nav1 li a{ color:#fff; font-size:13px;}

.g-nav1 li:nth-child(4n){ width:82px; border-right:none;} 

.g-nav1 li:nth-child(1),.g-nav1 li:nth-child(2),.g-nav1 li:nth-child(3),.g-nav1 li:nth-child(4){ border-bottom:0;}

.g-nav1 li:nth-child(1),.g-nav1 li:nth-child(5){ width:70px; border-left:none;}

.g-nav1 li:nth-child(2),.g-nav1 li:nth-child(6){ width:95px;}

.g-nav1 li:nth-child(3),.g-nav1 li:nth-child(7){ width:82px;}

.g-nav1 li:nth-child(4),.g-nav1 li:nth-child(8){ width:66px;}



/*广告*/

.g-ban{ height:269px; display:block;}



/*昊特酒店工程家具热卖产品*/

.g-hot h2,.g-htcp h2,.g-jz h2{ color:#fff; font-size:13px; height:35px; line-height:35px; border-top:1px solid #f28620; border-bottom:1px solid #222222; padding-left:10px;

background:#252526;

background-image: -webkit-linear-gradient(top, #454445, #131313);

background-image: -moz-linear-gradient(top, #454445, #131313);

background-image: -o-linear-gradient(top, #454445, #131313);

background-image: -ms-linear-gradient(top, #454445, #131313);

background-image: linear-gradient(top, #454445, #131313);}

.g-hot .m-conh{ padding:10px 0 0 10px;}

.g-hot dt{ width:140px;overflow:hidden;}.g-hot dd{ color:#fff; font-size:13px; height:30px; width:140px;overflow:hidden;line-height:30px; text-align:center;}

.g-hot dt img{width:140px;}

.g-hot dl{ margin-bottom:21px; float:left;width:155px;overflow:hidden;}

.u-btn3{ height:45px; line-height:45px; padding-left:104px; color:#fff; position:relative;

background:#2b2b2b;

background-image: -webkit-linear-gradient(top, #2b2b2b, #252525);

background-image: -moz-linear-gradient(top, #2b2b2b, #252525);

background-image: -o-linear-gradient(top, #2b2b2b, #252525);

background-image: -ms-linear-gradient(top, #2b2b2b, #252525);

background-image: linear-gradient(top, #2b2b2b, #252525);}

.u-btn3 .ico3{ margin-right:13px; width:13px; height:13px;display:block; background:url(../images/ico.png) no-repeat; position:absolute; left:77px; top:16px;}



/*昊特产品分类*/

.g-htcp{}

.g-htcp h2{ position:relative;}

.g-htcp .u-more{ position:absolute; right:16px; color:#fff; display:block; z-index:99; padding-top:10px;}

.g-htcp ul{ padding-top:12px;}

.g-htcp li{ float:left; width:40%; line-height:18px; height:33px;padding-left:25px;}

.g-htcp li a{ color:#fff;}





/*关键词搜索*/

.g-ser{ height:57px;position: relative; padding:17px 19px 0 14px;background-color:#2b2b2b;

background-image: -webkit-linear-gradient(top, #2b2b2b, #242424);

background-image: -moz-linear-gradient(top, #2b2b2b, #242424);

background-image: -o-linear-gradient(top, #2b2b2b, #242424);

background-image: -ms-linear-gradient(top, #2b2b2b, #242424);

background-image: linear-gradient(top, #2b2b2b, #242424);}



.g-ser .u-in {float: right; height: 39px; color:#fff; position: absolute;right: 22px; top: 17px;width: 55px;z-index: 100; margin:0; padding:0; border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px; }

.g-ser .m-ipt {margin-right: 43px;}

.g-ser .u-glass {background: none repeat scroll 0 0 transparent;height: 30px; position: absolute;right: 10px; top: 15px; width: 42px;z-index: 888;}

.g-ser .u-bt { border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px;float: right; height: 39px; width: 55px; position:absolute; z-index:888; left:243px; top:17px;

background-color:#f6871f;

}

.g-ser .u-key { box-shadow: inset 0 1px 1px #000;-webkit-box-shadow: inset 0 1px 1px #000; border:none; float: left;height: 25px;line-height: 23px; padding: 7px 0;text-indent: 15px; width: 226px; background:#2b2b2b;}

.g-ser .u-bt:before {

    border-radius: 17px 17px 17px 17px;

    content: "";

    display: block;

    height: 12px;

    position: absolute;

    right: 22px;

    top: 5px;

    width: 12px;

    z-index: 99;

}

.g-ser .u-bt:before {

    border: 3px solid #FFFFFF;

}

.g-ser .u-bt:after {

    border: 0 none;

    border-radius: 20px;

    content: "";

    display: block;

    height: 17px;

    position: absolute;

    right: 17px;

    top: 16px;

    transform: rotate(-52deg);

	-webkit-transform: rotate(-52deg);

	-o-transform: rotate(-52deg);

    width: 5px;

    z-index: 99;

}

.g-ser .u-bt:after {

    background: none repeat scroll 0 0 #FFFFFF;

}





/*4大保障*/

.g-bz{ background:#3c3c3c;}

.g-bz h2{ color:#fff; font-size:21px; height:47px; line-height:47px; border-top:1px solid #f28620; border-bottom:5px solid #1a1a1a; padding-left:50px; position:relative; 

background:#252526;

background-image: -webkit-linear-gradient(top, #454445, #131313);

background-image: -moz-linear-gradient(top, #454445, #131313);

background-image: -o-linear-gradient(top, #454445, #131313);

background-image: -ms-linear-gradient(top, #454445, #131313);

background-image: linear-gradient(top, #454445, #131313);}

.g-bz .ico2{ position:absolute; width:24px;  height:27px; display:block; background: url(../images/hlo.png) no-repeat; background-size:100%; left:15px; top:10px; }

.g-bz p{ padding:5px 12px 0 18px; color:#fff; background:url(../images/shadow.png)  no-repeat 0 83px; background-size:320px 7px; line-height:25px; }

.g-bz .hztit{ font-size:14px; color:#fff; font-weight:bold; height:30px; line-height:30px; padding-left:24px; background:url(../images/line.png)  no-repeat -1px 7px; background-size:171px 23px; display:block; position:relative; }

.g-bz em{ font-weight:bold; font-size:12px; color:#000; font-style:italic; position:absolute; left:6px; top:5px; font-family:Arial, Helvetica, sans-serif;}







/*立即咨询电话：*/

.u-btel{ height:43px; padding-left:83px; padding-top:10px;background-color:#2b2b2b; }

.u-btel .ns{ color:#fff;}

.u-btel .telph{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; font-weight:bold; line-height:18px; }

.u-btel .u-tel {background: url(../images/tel.png) no-repeat; background-size:25px 26px; bottom: -5px; display: block; float: left; height: 26px; left: -14px; position: relative;width: 25px;}

.u-btel .u-tel .z-ln-1 {z-index:10;

	display:inline-block;

	width:4px;

	height:4px;

	border-width: 2px 2px 0 0;

	border-radius:0 30px 0 0;

	position:absolute;

	top:6px;

	right:4px;

	animation-name: xshow2;

	animation-duration: 6s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	-webkit-animation-name: xshow2;

	-webkit-animation-duration: 6s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-o-animation-name: xshow2;

	-o-animation-duration: 6s;

	-o-animation-timing-function: linear;

	-o-animation-iteration-count: infinite

}

.u-btel .u-tel .z-ln-2 {z-index:10;

	display:inline-block;

	width:7px;

	height:7px;

	border-width: 2px 2px 0 0;

	border-radius:0 35px 0 0;

	position:absolute;

	top:3px;

	right:1px;

	animation-name: xshow;

	animation-duration: 6s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	-webkit-animation-name: xshow;

	-webkit-animation-duration: 6s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-o-animation-name: xshow;

	-o-animation-duration: 6s;

	-o-animation-timing-function: linear;

	-o-animation-iteration-count: infinite;

}

.u-btel .u-tel .z-ln-3 {z-index:10;

	display:inline-block;

	width:11px;

	height:11px;

	border-width: 2px 2px 0 0;

	border-radius:0 35px 0 0;

	position:absolute;

	top:0;

	right:-2px;

	animation-name: xshow3;

	animation-duration: 6s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	-webkit-animation-name: xshow3;

	-webkit-animation-duration: 6s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-o-animation-name: xshow3;

	-o-animation-duration: 6s;

	-o-animation-timing-function: linear;

	-o-animation-iteration-count: infinite;

}

.u-btel .s-ln-1, .u-btel .s-ln-2, .u-btel .s-ln-3 { border: 2px solid #f4861f;}

.line3{  height:10px; border-top:1px solid #545454;background-color:#252525; 

background-image: -webkit-linear-gradient(top, #3f3f3f, #131313);

background-image: -moz-linear-gradient(top, #3f3f3f, #131313);

background-image: -o-linear-gradient(top, #3f3f3f, #131313);

background-image: -ms-linear-gradient(top, #3f3f3f, #131313);

background-image: linear-gradient(top, #3f3f3f, #131313);}







/*成功案例*/

.g-three .con_01{ padding:2px 10px 0 10px;}

.g-three .con_01 dl {float:left; width:140px;}

.g-three .con_01 dl:nth-child(2n-1){margin-right: 16px;} 

.g-three .con_01 dt {height: 102px;width: 130px; }

.g-three .con_01 dd {height: 33px; overflow: hidden;padding-top: 5px;text-align: center;width: 140px; }

.g-three .con_01 dd a{color:#fff; font-size:12px;}

.g-three .g-sbox .m-cnt3{ 

background-color:#242525; 

background-image: -webkit-linear-gradient(top, #444444, #131313);

background-image: -moz-linear-gradient(top, #444444, #131313);

background-image: -o-linear-gradient(top, #444444, #131313);

background-image: -ms-linear-gradient(top, #444444, #131313);

background-image: linear-gradient(top, #444444, #131313);}

.g-three .g-sbox .m-cnt3:before{ border:none;}

.g-three .g-sbox .m-cnt3 li{ font-size:13px;position:relative;height:35px; line-height:35px; padding:0; border-right:1px solid #1c1b1b; border-left:1px solid #7e7c7c; color:#fffefe; text-align:center; cursor:pointer; padding:0 20px;}

.g-three .g-sbox .m-cnt3 li:first-child{border-left:none;}

.g-three .g-sbox .m-cnt3 li:nth-child(2){ border-right:none;}

.g-three .g-sbox .m-cnt3 li a{ color:#fffefe;}

.g-three .con_01{ padding:17px 10px 0 10px;}





/*客户见证*/

.g-jz .m-tit{ background:#de1b1b; color:#fff;}

.g-jz .con_01 { padding:18px 16px 0 16px;}

.g-jz .con_01 h3 { color:#fff;line-height: 28px; text-align:center;}

.g-jz .con_01 .anli{ color:#fff; line-height:24px; height:80px; overflow:hidden; }

.g-jz .t_button{ width:112px; height:36px; line-height:36px; border:1px solid #b1b1b1; margin:20px auto; border-radius:5px; background:#ccc; }

.g-jz .t_button a{color:#fff; }

.g-jz .con_01 dl {float: left;}

.g-jz .con_01 dl:nth-child(2n-1){margin-right: 20px;} 

.g-jz .con_01 dt {border: 1px solid #E1E1E1;height: 84px;width: 130px; padding:1px;}

.g-jz .con_01 dd {height: 15px; overflow: hidden;padding-top: 10px;text-align: center;width: 132px; }

.g-jz .con_01 dd a{color:#000; font-size:13px;}

.g-jz .u-btn{ padding-right:10px; height:30px; line-height:30px;  background:#dfdfdf; border-radius:5px; font-size:14px; color:#000; margin:14px 22px 21px 27px; position: relative;}

.g-jz .m-tit .u-ico{ font-size:12px; font-family:"宋体"}

.g-jz .ns { left: 8px; position: absolute;}

.g-jz .u-btn .telph { color: #da251c;font-family: Arial,Helvetica,sans-serif;font-size: 15px; font-weight:bold; letter-spacing:1px;  position: absolute; right:8px;}