/* ZGI_CSS_0_0_1 */
/*@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/CenturyGothic.woff') format('woff'),
    url('../fonts/CenturyGothic.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}*/
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
input{-webkit-appearance:none;outline:none;/*去除input默认样式*/}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-family: Microsoft YaHei, Arial,SimHei, Helvetica, sans-serif;font-size: 18px;outline:0;}
body{background:#f8f8f8;color:#2c2c2c;}
img{vertical-align:top;max-width:100%;}
a{color:#2c2c2c;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:link{text-decoration:none;outline: 0;}
a:visited{text-decoration:none;outline: 0; }
a:hover{color:#000;text-decoration:none;outline: 0;}
a:active{text-decoration:none;outline: 0;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
*{outline:none;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html,body,div{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

/*功能性代码 f- */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-fdf{display: flex;}
.f-fbo{border:0px !important;}
.f-fww{flex-wrap:wrap;/*换行*/}
.f-dflfc{display: flex;justify-content:space-between;/*左右靠两侧*/align-items :center;/*上下居中*/}
.f-dflft{display: flex;justify-content:space-between;/*左右靠两侧*/align-items :flex-start;/*上对齐*/}
.f-dflfb{display: flex;justify-content:space-between;/*左右靠两侧*/align-items :flex-end;/*下对齐*/}
.f-dflfa{display: flex;justify-content:space-between;/*左右靠两侧*/}
.f-dfcc{display: flex;justify-content:center;/*左右居中*/align-items :center;/*上下居中*/}
.f-dfct{display: flex;justify-content:center;/*左右居中*/align-items :flex-start;/*上对齐*/}
.f-dfcb{display: flex;justify-content:center;/*左右居中*/align-items :flex-end;/*下对齐*/}
.f-dfca{display: flex;justify-content:center;/*左右居中*/}
.f-dfrc{display: flex;justify-content:flex-end;/*靠右侧*/align-items :center;/*上下居中*/}
.f-dfrt{display: flex;justify-content:flex-end;/*靠右侧*/align-items :flex-start;/*上对齐*/}
.f-dfrb{display: flex;justify-content:flex-end;/*靠右侧*/align-items :flex-end;/*下对齐*/}
.f-dfra{display: flex;justify-content:flex-end;/*靠右侧*/}
.f-dflc{display: flex;align-items :center;/*上下居中*/}
.f-dflt{display: flex;align-items :flex-start;/*上对齐*/}
.f-dflb{display: flex;align-items :flex-end;/*下对齐*/}
.f-dffd1{flex-direction:row-reverse;/*水平方向右侧起点*/}
.f-dffd2{flex-direction:column;/*垂直方向上沿起点*/}
.f-dffd3{flex-direction:column-reverse;/*垂直方向下沿起点*/}
.f-mt0{margin-top:0px !important;}
.f-mr0{margin-right:0px !important;}
.f-mb0{margin-bottom:0px !important;}
.f-ml0{margin-left:0px !important;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-gunlun::-webkit-scrollbar {display: none;/*隐藏滚轮*/}
.clear{clear:both;}
.navbar{width:79.2%;margin:0px auto;position:relative;z-index:99999;}
.navbar1{padding:0px 90px;}
.time{-webkit-transition: all 0.5s;transition: all 0.5s;}
.hide{-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}


/*酷家乐*/
.g-kuj{width:1400px;margin:0px auto;position:relative;z-index:9999;}
.m-kujiale,.m-search form,.m-shai,.u-ku .kimg img{width:100%;}
.m-kujiale{padding:15px;}
.m-search{width:100%;margin-bottom:30px;z-index:9999;}
.m-search input 
{
    width: 100%;
    border: 1px solid #d4d4d4;
	border-radius:8px;
    line-height: 38px;
    padding:0px 58px 0px 20px;
	position:relative;
	z-index:9;
	font-size:0.8em;
}
.m-search input.sub 
{
	width:36px;
	height:36px;
	top:1px;
	position:absolute;
	z-index:99;
	right:1px;
	border:0px;
	padding:0px;
	cursor:pointer;
	background:url(../yu-img/icon6.png) center center no-repeat;
	background-size:20px 20px;
	font-size:0px;
}
.m-shai .shaix{display:none;}
.u-shai{width:100%;margin-bottom:15px;font-size:0.8em;line-height:26px;}
.u-shai .stit{white-space:nowrap;}
.u-shai .stxt{text-align:left;flex:1;padding:0px 10px;}
.u-shai .stxt a 
{
	padding:0px 12px;
	margin:0px 10px 10px;
	display:inline-block;
	cursor:pointer;
	border-radius:13px;
	white-space:nowrap;
}
.u-shai .stxt a:hover{background:#efefef;}
.u-shai .stxt a.on{background:#d81e06;color:#fff;}
.u-shai .sshou
{
	white-space:nowrap;
	padding:0px 15px;
	border:1px solid #d81e06;
	background:#ffeded;
	color:#d81e06;
	border-radius:13px;
    font-size:0.8em;
	line-height:24px;
}
.u-shai .sshou.yin{opacity:0;}


.m-ku{margin:30px 0px;}
.u-ku
{
	width:24.1%;
	margin-right:1.2%;
	margin-bottom:20px;
	border-radius:5px;
	overflow:hidden;
	background:#fff;
	position:relative;
	transition: all 0.2s linear;
	display:flex;
	flex-direction:column;
}
.u-ku:hover{box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);} 
.u-ku:nth-child(4n){margin-right:0px;}
.u-ku .kimg{width:100%;overflow:hidden;position:relative;}
.u-ku .kimg .img{position:relative;}
.u-ku .kimg .img span 
{
    width:66px;
	text-align:center;
	position:absolute;
	left:0px;
	top:0px;
	font-size:12px;
	display:inline-block;
	padding:5px 0px;
	border-radius:5px;
	background:rgba(0,0,0,0.4);
	color:#fff;
}
.u-ku .kimg .img img{transition: all .8s ease;}
.u-ku .kimg:hover .img img{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);}
.u-ku .kimg .meng
{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background:rgba(0,0,0,0.7);
	z-index:99;
	color:#fff;
	text-align:center;
	font-size:0.85em;
	cursor:pointer;
	opacity:0;
	transition: all .8s ease;
}
.u-ku .kimg:hover .meng{opacity:1;}
.u-ku .kimg .meng img{width:60px;margin-bottom:10px;}
.u-ku .ktxt{width:100%;padding:15px 10px;font-size:0.8em;line-height:22px;display: flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;flex-grow: 1;}
.u-ku .ktxt .tit,.u-ku .ktxt .biaoqian,.u-ku .ktxt .fuzhi{width:100%;}
.u-ku .ktxt .tit span{flex-shrink:1;}
.u-ku .ktxt .huxing{flex-shrink:0;}
.u-ku .ktxt .hu
{
	font-size:12px;
	display:inline-block;
	line-height:20px;
	margin:0px;
	padding:0px 10px;
	border-radius:5px;
	border:1px solid #d81e06;
	background:#ffeded;
	color:#d81e06;
	cursor:pointer;
	transition: all .5s ease;
}
.u-ku .ktxt .biaoqian{margin:10px 0px;flex-grow:2;}
.u-ku .ktxt .biaoqian span
{
	padding:0px 10px;
	line-height:20px;
	margin:5px 5px 5px 0px;
	font-size:12px;
	border:1px solid #999;
	color:#999;
	border-radius:5px;
	display:inline-block;
	white-space:nowrap;
}
.u-ku .ktxt .fuzhi{position:relative;}
.u-ku .ktxt .fuzhi .btn,.u-ku .ktxt .fuzhi p
{
	width:100%;
	font-size:1em;
	text-align:center;
	white-space:nowrap;
	padding:7px 15px;
	border:1px solid #d81e06;
	border-radius:5px;
	background:#ffeded;
	color:#d81e06;
	cursor:pointer;
	transition: all .5s ease;
	position:relative;
	z-index:99;
}
.u-ku .ktxt .fuzhi .btn:hover,.u-ku .ktxt .fuzhi p:hover,.u-ku .ktxt .hu:hover{background:#d81e06;color:#fff;}
.u-ku .ktxt .fuzhi  input{position:absolute;z-index:98;width:100%;height:0px;border:0px;opacity:0;}
.m-huxiang
{
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	background:rgba(0,0,0,0.7);
	z-index:999;
	opacity:0;
	display:none;
}
.m-huxiang .hux{width:100%;height:100%;}
.m-huxiang .mySwiper1{width:35%;}
.m-huxiang .mySwiper1 img{width:100%;}
.m-huxiang .swiper-wrapper{align-items :center;}

.u-pages{width:100%;text-align:center;padding:10px 0px;}
.u-pages a,.u-pages span
{
	padding:0px 10px;
	height:30px;
	overflow:hidden;
	border:1px solid #d81e06;
	background:#ffeded;
	margin:0px 3px;
	display:inline-block;
	line-height:28px;
	font-size: 0.8em;
    color: #d81e06;
	border-radius:3px;
	transition: all 0.5s;
}
.u-pages span{background:#d81e06;color:#fff;}
.u-pages a.ons{background:#d81e06;color:#fff;}
.u-pages a:hover{background:#d81e06;color:#fff;}
/*酷家乐*/































/*底部导航*/
.g-daohang
{
	width:100%;
	position:fixed;
	left:0px;
	bottom:0px;
	z-index:99999;
	background:#fff;
	border-top:1px solid #d1d1d1;
}
.u-daohang{width:50%;position:relative;}
.u-daohang:nth-child(1):after,.u-daohang:nth-child(2):after
{
	content: "";
    width: 1px;
    height: 24px;
	background:#d1d1d1;
    position: absolute;
    top: 50%;
	margin-top:-12px;
	right:0px;
}
.u-daohang p 
{
	font-size:1em;
	line-height:20px;
	color:#2c2c2c;
	padding:20px 0px;
	text-align:center;
}
.u-daohang span 
{
	display:inline-block;
	width:20px;
	height:20px;
	overflow:hidden;
	vertical-align:middle;
	margin-right:10px;
}
.u-daohang span  img 
{
	width:100%;
	max-height:inherit;
	position:relative;
	top:0px;
}
.u-daohang:hover p,.u-daohang.ons p{color:#d81e06;}
.u-daohang:hover span img,.u-daohang.ons span img{top:-20px;}
/*底部导航*/




/*公用*/
.g-content
{
	position:relative;
	z-index:9999;
}
.m-footer
{
	padding:25px 10px;
	line-height:20px;
	color:#999;
	font-size:0.75em;
	margin-bottom:62px;
	text-align:center;
}
.u-title
{
	width:100%;
	padding:20px 0px;
}
.u-title span 
{
	display:inline-block;
	padding:8px 25px;
	background:#999;
	border-radius:20px;
	font-size:1.2em;
	font-weight:bold;
	color:#000;
}
/*公用*/




/*首页精品系列*/
.m-shouye{width:100%;background:#dadada;}
.m-banner img{width:100%;}
.m-quality
{
	width:100%;
	padding:10px 10px 20px;
}
.m-quality .quality
{
	background:#363636;
	height:auto!important;
	width:100%;
	margin-bottom:10px;
}
/*首页精品系列*/

/*定制系列*/
.m-custom
{
	width:100%;
	padding:10px 10px 0px;
}
.m-dingzhi
{
	width:100%;
	border-radius:4px;
	overflow:hidden;
	position:relative;
	margin-bottom:6px;
	padding:10px 15px;
    display: flex;
	justify-content:space-between;
	align-items :center;
	flex-wrap:wrap;
}
.m-dingzhi.quanwu
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/dz-b1.jpg) center  no-repeat;
	background-size: cover;
}
.m-dingzhi.woshi
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/dz-b2.jpg) center  no-repeat;
	background-size: cover;
}
.m-dingzhi.chufang
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/dz-b3.jpg) center  no-repeat;
	background-size: cover;
}
.m-dingzhi.huqiang
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/dz-b4.jpg) center  no-repeat;
	background-size: cover;
}
.m-dingzhi.kecan
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/dz-b5.jpg) center  no-repeat;
	background-size: cover;
}
.m-dingzhi.shufang
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/dz-b6.jpg) center  no-repeat;
	background-size: cover;
}
.m-dingzhi.xuanguan
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/dz-b7.jpg) center  no-repeat;
	background-size: cover;
}
.m-dingzhi.yangtai
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/dz-b8.jpg) center  no-repeat;
	background-size: cover;
}
.m-dingzhi.qita
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/dz-b9.jpg) center  no-repeat;
	background-size: cover;
}
.m-dingzhi.meishi
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/dz-b10.jpg) center  no-repeat;
	background-size: cover;
}
.m-dingzhi.huxing
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/qw-b1.jpg) center  no-repeat;
	background-size: cover;
}
.m-dingzhi.bieshu
{
	background:url(../yu-img/icon3.png) center,url(../yu-img/qw-b2.jpg) center  no-repeat;
	background-size: cover;
}
.u-dingzhi
{
	width:32.5%;
	position:relative;
    border:1px solid #fff;
	border-radius:4px;
	overflow:hidden;
	margin:4px 0px;
}
.u-dingzhi img{width:100%;}
.u-dingzhi.on1{width:100%;border-radius:7px;}
.u-dingzhi.on2{width:66.25%;}
.u-dingzhi.on3{width:49.375%;}
.u-dingzhi .txts
{
	width:100%;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-1.2em;
	background:url(../yu-img/icon4.png);
	background-size: cover;
	font-family:SimHei;
	font-size:1em;
	padding:0.2em 0px;
	text-align:center;
	letter-spacing:1px;
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
}
.u-dingzhi .txts .p1{font-size:0.7em;color:#ecc79a;}
.u-dingzhi.on1 .txts{font-size:1.4em;margin-top:-1.7em;}
.m-kecan
{
	width:66.25%;
}
.m-kecan  .u-dingzhi
{
    width:49.06%;
}
.m-anli
{
	width:100%;
	padding:10px 10px 20px;
	background:#2a2a2a;
}
.m-anli .u-dingzhi{width:49.375%;}
.m-anli .u-dingzhi .txts
{
	padding:0.5em 0.3em;
	line-height:1.7em;
	margin-top:-1.3em;
}
.m-caizhi
{
	width:100%;
	position:relative;
	padding:10px 17%;
	background:url(../yu-img/icon3.png) center,url(../yu-img/caizhi.jpg) center bottom  no-repeat;
	background-size: cover;
}
.u-caizhi
{
	width:100%;
	position:relative;
    border:1px solid #ffbc6a;
	border-radius:6px;
	overflow:hidden;
	font-size:1.5em;
	font-family:SimHei;
	text-align:center;
	letter-spacing:1px;
	color:#fff;
	text-transform:uppercase;
	padding:10px 0px;
	margin:3em 0px;
}
.u-caizhi  .p1{font-size:0.9em;color:#ffbc6a;margin-bottom:10px;}
.m-xiang{width:100%;}
/*定制系列*/

















/*--------------------------------------------*/
/* 响应式media */

@media screen and ( max-width: 1520px)
{
	.g-kuj{width:1200px;}
}
@media screen and ( max-width: 1220px)
{	
	body{font-size: 16px;}
	.g-kuj{width:1000px;}
	.m-huxiang .mySwiper1{width:50%;}
}
@media screen and ( max-width: 1023px)
{	
	.g-kuj{width:720px;}
	.m-huxiang .mySwiper1{width:60%;}
	.u-ku{width:32%;margin-right:2%;}
	.u-ku:nth-child(4n){margin-right:2%;}
	.u-ku:nth-child(3n){margin-right:0px;}
}
@media screen and ( max-width: 767px)
{
	body{font-size: 14px;}
	.g-kuj{width:auto;}
	.m-huxiang .mySwiper1{width:90%;}
	.m-search input,.u-shai,.u-ku .ktxt{font-size:1em;}
	.m-search{margin-bottom:15px;}
	.u-shai{margin-bottom:10px;}
	.u-shai .stxt{font-size:12px;padding:0px 10px;}
	.u-shai .stxt span{margin:0px 5px 5px;padding:0px 10px;}
	.m-ku{margin:15px 0px;}
	.u-ku{width:48%;margin-right:4%;}
	.u-ku:nth-child(3n){margin-right:4%;}
	.u-ku:nth-child(4n){margin-right:0px;}
	.u-ku:nth-child(2n){margin-right:0px;}
	.u-ku .ktxt{padding:10px;}
	.u-ku .ktxt .biaoqian{margin:5px 0px;}
	.u-shai .stxt a{margin:0px 5px 5px;}
	.m-kujiale .kutop 
	{
		display: flex;justify-content:space-between;align-items :flex-start;
	}
	.m-kujiale .kutop.fixed
	{
		position:fixed;
		left:0px;
		top:0px;
		width:100%;
		background:#fff;
		padding:15px 15px 0px;
		z-index:99999;
		box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15);
	}
	.m-kujiale .kutop.kucontent{margin-top:70px;}
	.m-shai{width:auto;}
	.m-shai .shaix {height:40px;margin-left:15px;display: flex;justify-content:space-between;align-items :center;}
	.m-shai .shaix img{width:30px;}
	.m-shai .shai
	{
		width:100%;
	    height:100%;
		position:fixed;
		left:0px;
		top:70px;
		z-index:9999;
		background:#fff;
		padding:15px;
		border-top:1px solid #dcdcdc;
		display:none;
	}
	.m-shai .shai.ons{display:block;}
	
}
@media screen and ( max-width: 500px)
{

}





/*演示代码
.y-yan1 img{width:100%;height:100%;-webkit-transition: all 1s ease;transition: all 1.8s ease;}
.y-yan1:hover img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.y-yan2{height:66px;transition: all 0.5s ease 0s;}
.y-yan2:hover{height:50px;}
.y-yan2.on{height:50px;}
.y-yan3 p:nth-child(2){margin: 0px 0px 13px 0px;}//属于其父元素的第二个p，2n的话表示2的倍数的p 
.y-yan4{background: url(../yu-img/cela4.jpg) center top no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}//背景图片铺满
*/