body,html{ margin:0px; padding:0px; font-size:12px; letter-spacing:1px; /*font-family: 'mcsy',"Microsoft Yahei",'微软雅黑',Arial, Helvetica, sans-serif;*/overflow-x:hidden; width:100%; height:auto;}
ul,li{ padding:0px; margin:0px;}
a{ text-decoration:none;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
a:hover{text-decoration:none;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
img{border:none;}
.clear{clear:both;}
::selection {
background: #ece4d7;
color: #2d2c28;
text-shadow: none;
}
li{ list-style:none;}



/*@font-face {    
   font-family: 'mcsy';    
   src: url('../fonts/mcsy.ttf');    
   src: url('../fonts/mcsy.eot?#iefix') format('embedded-opentype'),         
		  url('../fonts/mcsy.woff') format('woff'),         
		  url('../fonts/mcsy.ttf') format('truetype'),         
		  url('../fonts/mcsy.svg#NeuesBauenDemo') format('svg');    
  font-weight: normal;    
  font-style: normal;  
}*/

/*********固定探头*****/
.floating_ck{position:fixed;right:40px;top:55%; z-index:999999;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#1c1b1a;border-bottom:solid 1px #545454;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#c3a07d;border-bottom:solid 1px #C99A6B;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(../images/icon0701/zxicon.png);}
.words{background-image:url(../images/icon0701/dzicon.png);}
.quote{background-image:url(../images/icon0701/kficon.png);}
.qrcord{background-image:url(../images/icon0701/erweima.png);}
.return{background-image:url(../images/icon0701/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;right:80px;top:0px;width:160px;height:80px;background-color:#c3a07d;border-bottom:solid 1px #C99A6B;display:none; z-index:999;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(../images/erweima.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}



/***头部***/
.pcheader{ width:100%; height:100px; background:#1c1b1a; position:fixed;z-index:99999999;top:0;}
.pcheader i{background: url(../images/horizontal-sprite.png) no-repeat;background-position: 0 -33px;height: 3px; display:block; width:100%; position:absolute; z-index:999999; top:0px;
background-repeat: repeat-x;}
.logo{ float:left; margin-left:13px; margin-top:13px;}
.menu{ float:left;margin-top:47px;}
.menu ul{}
.menu ul li{ float:left;height: 50px;
line-height: 30px;
letter-spacing: 1px; position:relative;  margin-right:10px;}
.menu ul li a{color: #bebebe; font-size:14px;border-left:1px dotted #3d3d3d; line-height:30px; display:block; padding-left:15px; padding-right:15px;background:url(../images/header-menu.png) no-repeat right center;}
.menu ul li:hover a{ color: #c3a07d;}
.menuline{position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
padding: 0;
background: url(../images/line.png) no-repeat; opacity:0;transition: all 1s;
-webkit-transition: all 1s;}
.menu ul li:hover .menuline{opacity:0;transition: all 1s; opacity:1;
-webkit-transition: all 1s;}
.lang{ position: absolute;
top: 12px;
right: 12px;}
.langue{width: 145px;
cursor: pointer;background-color: #1c1c1c;float: left;
overflow: hidden;
height: 28px;
margin-left: 10px;
border: dotted 1px #555;}
.langue p{display: block;
height: 100%;
line-height: 26px;
padding-left: 50px;
background: transparent url(../images/sprite.png) no-repeat -262px 2px;color:#aaa}
.langue a{ color:#aaa;}
.langleft{ float:left;}
.langleft ul{}
 .langleft ul li{ float:left;}
  .langleft ul li a{ color:#aaa;font-size:14px;line-height:30px; display:block; padding-left:15px; padding-right:15px;border-right:1px dotted #3d3d3d; }
    .langleft ul li a:hover{color: #c3a07d;}
	
.navigation-up .navigation-v3{float:right;position:relative; width:790px;}
.navigation-up .navigation-v3 ul{float:left;}
.navigation-up .navigation-v3  li{float:left;color:#fff; width:100px; text-align:center; height:88px; line-height:88px;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0;width:100px;}
.navigation-up .navigation-v3 li h2 a{ width:100px;color:#1c1b1a;display:inline-block; font-size:14px; font-weight:bold;}
.navigation-down{position:absolute;top:100px; left:0px;width:100%; z-index:9999;}
.navigation-down .nav-down-menu{ width:100%;margin:0;position:absolute;top:0px; left:0px;}
.navigation-down-inner{margin:auto;width:100%;position:relative; height:auto; background:url(../images/texture-bg.jpg);padding-top:20px;  z-index:99999;}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.menudownline{background: url(../images/horizontal-sprite.png) no-repeat;z-index: 2;
position: absolute;
bottom:-4px;
left: 0;
width: 100%;
height: 4px;
background-color: black;
background-position: 0 -33px;
background-repeat: repeat-x;}



.navcenter{ margin:0 auto;}
.navcenter ul{}
.navcenter ul li{ float:left; margin-right:10px;}
.navtext{ line-height:40px; text-align:center;}
.navtext a{ font-size:14px;color: #554728;}
.navtext a:hover{color: #c3a07d;}
.navimg{ overflow:hidden;}
.navimg img{-webkit-transform: scaleX(1) scaleY(1);
transition: all 3s;
-webkit-transition: all 3s;}
.navimg img:hover{transform:scaleX(1.1) scaleY(1.1);
	-webkit-transform:scaleX(1.1) scaleY(1.1);}
.menu_xlnr {
	width: 960px;
	height: 220px;
	margin:0 auto;
	margin-top:20px;
}
/***********menu_dhleft**********/
.menu_dhleft {
	width: 288px;
	float: left;
}
#menu_ulab {
	height: auto;
}
#menu_ulab li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
	padding-left: 15px;
	letter-spacing: 2px;
}
#menu_ulab li a {
	display: block;
	color: #554728;
	font-size:14px;
	
}
#menu_ulab li a:hover {
	text-decoration: none;
	color: #c3a07d;
}
/***********menu_dhleft**********/
/***********menu_dhright**********/
.menu_dhright {
	width: 620px;
	height: 181px;
	float: right;
}
.menu_abdiv1 {
	width: 290px;
	height: 181px;
	float: left;
	
}
.menu_abdiv2 {
	width: 300px;
	height: 181px;
	float: right;
}
.menu_tp {
	width: 290px;
	height: 130px;
	overflow: hidden;
	border:1px solid #ccc;
}
.menu_tp img {
	-webkit-transform: scaleX(1) scaleY(1);
transition: all 3s;
-webkit-transition: all 3s;
}
.menu_tp img:hover {
	transform:scaleX(1.1) scaleY(1.1);
	-webkit-transform:scaleX(1.1) scaleY(1.1);
}
.menu_tpmz {
	height: 25px;
	line-height: 25px;
	margin-top: 10px;
	font-size: 14px;
}
.menu_tpmz a {
	color: #554728;
	font-weight: bold;
}
.menu_tpmz a:hover {
	color: #c3a07d;
}
.mneu_tpwz {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	margin-top:5px;}

/***头部***/



/***banner***/


.bannerbutton{width:100%;
height: 92px;
display: block;
position: absolute;
bottom:70px;
left: 0px; cursor:pointer; z-index:99999;}
.bannerbutton a{color: #c3a07d;font-weight:bold; display:block;}
.bannerbutton a:hover{ color:#1c1b1a;background-position: -101px -794px;}
.bannerbutton span{ padding-top:20px; display:block; text-align:center;}


.icon_arr-down {
	display: inline-block;
	color: #fff;
	cursor: pointer;
	padding: 10px;
	-webkit-animation-name: pounding;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-name: pounding;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out
}
.icon_arr-down:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
@-webkit-keyframes pounding {
0% {
-webkit-transform:translate(0, 0)
}
50% {
-webkit-transform:translate(0, 8px)
}
100% {
-webkit-transform:translate(0, 0)
}
}
@keyframes pounding {
0% {
transform:translate(0, 0)
}
50% {
transform:translate(0, 8px)
}
100% {
transform:translate(0, 0)
}
}


.bannertext{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
.bannercenter{ width:550px; margin-top:18%; margin-left:10%;  text-transform:uppercase;}
.bannerline{ float:right; margin-right:100px; margin-top:-50px;}
.bannercenterth{width:500px; margin-top:13%;text-transform:uppercase; float:right; margin-right:10%;}

.bannerbtthree{ font-size:52px; color: #c3a07d; text-align:center;  line-height:1em;}
.bannerdzthree{ font-size:32px; color: #c3a07d;text-align:center; line-height:1em;}
.bannerxzthree{ font-size:22px;color:#bebebe;text-align:center; margin-bottom:20px;line-height:1em;}

.toplineitem{ text-align:center;}

.bannerbt{ font-size:40px;text-align:center;color: #c3a07d;line-height:1em;}
.bannerdz{ font-size:20px;text-align:center;color: #bebebe;line-height:1em;}

.bannerbttwo{letter-spacing:1px;font-size:40px; color:#fff;line-height:1em;}
.bannerbttwo span{color:#118bce; font-size:80px;line-height:1em;}

.bannerdztwo{ font-size:21px; color:#6e5e4f;line-height:25px;text-align:center; margin-top:30px; margin-bottom:30px;}
.bannerxztwo{ font-size:18px; color: #bebebe;line-height:1em; text-align:center; line-height:22px;}
.bannerzztwo{font-size:18px; color: #bebebe;line-height:1em; text-align:center;}

.bannerthree{ margin-right:28%;}


.toplinelist{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:50px;}
.bottomlinelist{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:50px;}
.onewz{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:50px;}
.onedz{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:50px;}
.onexz{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:50px;}


.twotoplinelist{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:50px;}
.twobottomlinelist{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:50px;}
.twowz{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:50px;}
.twodz{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:50px;}
.twoxz{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:50px;}


.threetoplinelist{position:absolute;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:50px;}
.threewz{position:absolute;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:70px;}
.threedz{position:absolute;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:90px;}
.threexz{position:absolute;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:110px;}
.threebottomlinelist{position:absolute;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;top:130px;}

.slshow1{
	position:relative; top:-100px; opacity:0;
	}
.slshow2{
	position:relative; top:-100px; opacity:0;
	}
.slshow3{
	position:relative; top:-100px; opacity:0;
	}
.slshow4{
	position:relative; top:-100px; opacity:0;
	}
.slshow5{
	position:relative; top:-100px; opacity:0;
	}


.banner{
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
    margin-top: 100px;
    /* clear: both; */

	}						
.banner-list{
	width:100%;
	height:100%;
	padding-left:0;
	position:relative;
	}	
.banner-list>li{
	width:100%;
	height:100%;

bottom:0px; left:0px;
	}	
.banlion{
	
	}			

.cont1{
	width:100%;
	height:100%;
	padding-left:0;
	position:absolute; top:0; left:0;
	z-index:100;
	}
.cont2{
	width:100%;
	height:100%;
	padding-left:0;
	position:absolute; top:0; left:0;
	z-index:100;
	display:none;
	}
.cont3{
	width:100%;
	height:100%;
	padding-left:0;
	position:absolute;
	 top:0; left:0;
	z-index:100;
	display:none;
	}					
.bf{
	width:70px;
	height:70px;
	position:absolute; top:18%; left:50%;
	margin-left:-35px;
	margin-top:-35px;
	background:url(../images/bf.png);
	background-size:100% 100%;
	opacity:0;
	}	
.bf:hover{
	background:url(../images/bf1.jpg);
	}
.bf-te{
	width:100%;
	position:absolute; top:10%;
	opacity:0;
	margin-top:40px;
	text-align:center;
	}
	
	
.bf-te>p{
	color:#ddd;
	letter-spacing:1px;
	}
	
	
.bf-te1{
	width:100%;
	position:absolute; 
	bottom:5%;
	opacity:0;
	text-transform : uppercase;
	margin-bottom:30px;
	}
	
.bf-te1 font{
	font-weight:600;
	font-size:22px;
	}	
	
.bf-te1>p{
	font-size:48px;
	color:#FFF;
	padding-left:5%;
	line-height:48px;
	}
		
		
.readmore{
	width:100%;
	position:absolute; bottom:0%;
	opacity:0;
	}
	
.readmore a:hover{background-color: rgba(0, 0, 0, .7);border:1px solid #1c1b1a;}	
.readmore a{
	margin-left:5%;
	margin-bottom:0;
	width:200px;
	text-align:center;
	line-height:35px;
	border:1px solid #fff;
	font-size:14px;
	color:#fff;
	display:block;
	}
.banner-num{
	width:100%;
	position:absolute; 
	left:0px; 
	bottom:0px;
	z-index:999;
	background: #1c1b1a;
	height:60px;
	}
	
	
		
.banner-num>ul{
	padding-left:0;
	margin-bottom:0;
	text-align:center;
	width:100%;
	position:absolute; bottom:0px;
	
	}	
	
	
	
.banner-num>ul li{
	width:236px; height:50px; background: url(../images/line01.png) no-repeat;background-repeat: repeat-x;display:inline; 
overflow:hidden; margin-left:5px;color: #6e5e4f; font-size:16px;display:inline-block; line-height:52px;
	
	}

.banner-list>li:nth-child(1){
/*	background:url(../images/banner1.jpg) center center no-repeat;*/
	background-size:cover;
	}	
.banner-list>li:nth-child(2){
/*	background:url(../images/banner1.jpg) center center no-repeat;
	background-size:cover;*/
	display:none;
	}
.banner-list>li:nth-child(3){
	/*background:url(../images/banner4.jpg) center center no-repeat;
	background-size:cover;*/
	display:none;
	}

.numon{
	background: url(../images/line02.png) no-repeat !important;
	color: #c3a07d !important;
	}
	
	.banner_btn1{ width:117px; padding-top:2px; padding-bottom:2px; height:36px; background:#4d4224; margin:50px auto; background:url(../img/kuang2.png) repeat-x}
.banner_btn1 a{
	 font-size:14px; 
	 color:#4d4224;
	  height:31px; 
	 line-height:31px; 
	  text-align:center; 
       display:block;
	 
		 }
		 .banner_wz1 a:hover{background-color: rgba(77,66,36,.6);
	 }
.banner_btn1 a:hover{background-color: rgba(95,95,95,.2);
	 }

/***banner***/


/***产品***/
.indexpro{ width:100%;background: url(../images/collections_bg.jpg) no-repeat top center;overflow: hidden;
zoom: 1;
height: 653px;
padding: 5px 0 20px; position:relative;}
.indexprowarp ul{}
.indexprowarp ul li{position: relative; width:320px;
overflow: hidden;
zoom: 1;
float: left;
display: inline;
margin: 0 0 9px 8px;
text-align: center;}
.indexprowarp ul .first{ margin-left:0px;}
.indexproimg{ position:relative;}
.index_yy{ position:absolute; bottom:0px; left:0px; width:100%;}
.indexprotext{
	position: absolute;
	bottom: 31px;
	left: 0px;
	width: 100%;
	z-index: 999;
}
.indexprotext p{line-height: 18px;
font-size: 16px;color: #c3a07d;}
.indexpromore{ margin-top:18px;}
.indexpromore span{ width:135px; height:30px; line-height:29px; text-align:center; display:block; margin:0 auto; color: #c3a07d; border:1px dotted #c3a07d;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
.indexpromore span:hover{background-color: #c3a07d;color: #1c1b1a;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}


/***产品***/



/***工艺***/
.process{ width:100%;background: url(../images/texturegold.jpg) no-repeat top center;overflow: hidden;
zoom: 1;
height: 570px; position:relative;}
.indexcenter{ width:994px; margin:0 auto;}
.processtitle{margin: 0 auto 25px;
padding: 60px 0 30px 0; position:relative;}
.processtitle p{margin: 0 auto;
padding: 0;
text-align: center;
line-height: .9em;color: #554728;font-size: 33px;
letter-spacing: -1px;}
.topline{background: url(../images/horizontal-sprite.png) no-repeat;background-position: center -9px;position: absolute;
left: 50%;
height: 11px;width: 347px;
margin-left: -173px;top: 37px;}
.bottomline{bottom: 8px;background: url(../images/horizontal-sprite.png) no-repeat;background-position: center -9px;position: absolute;
left: 50%;
height: 11px;width: 347px;
margin-left: -173px;}
.proesswarp{}
.proesswarp ul{}
.proesswarp ul li{position: relative; cursor:pointer;
overflow: hidden;
zoom: 1;
float: left;
display: inline;
margin: 0 0 9px 8px;
text-align: center; width:320px;background-color: rgba(145,103,38,.1); height:325px;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
.proesswarp ul .first{ margin-left:0px;}
.processimg{}
.processtext{}
.processtext h3{margin: 0 45px; height:20px;
line-height: 1em;
font-size: 16px; margin-top:15px;color: #554728;}
.processtext i{background: url(../images/horizontal-sprite.png) no-repeat; display:block;
left: 50%;
height: 11px;
background-position: center -9px;top: 255px;
width: 220px; margin:0 auto; margin-top:45px;}
.proessmore{ margin-top:10px;}
.proessmore a{ width:135px; height:30px; border: dotted 1px #554728; color:#554728; display:block; line-height:29px; margin:0 auto;}
.proesswarp ul li:hover{background-color: rgba(145,103,38,.1);}
.proesswarp ul li:hover .proessmore a{
background-color: rgba(145,103,38,.18);transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
.proesswarp ul li:hover{background-color: rgba(145,103,38,.18);transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
/***工艺***/


/***会员***/
.remb{height:645px;
background: url(../images/communautes_bg.jpg) no-repeat; background-size:cover;
padding: 5px 0 5px;}
.rembtitle{margin: 10px auto 25px;
padding: 60px 0 30px 0; position:relative;}
.rembtitle p{margin: 0 auto;
padding: 0;
text-align: center;
line-height: 1em;color: #c3a07d;font-size: 34px;
letter-spacing: -1px;}
.rembtop{background: url(../images/horizontal-sprite.png) no-repeat;background-position: center -20px;position: absolute;
left: 50%;
height: 11px;width: 347px;
margin-left: -173px;top: 37px;}
.rembbottom{bottom: 8px;background: url(../images/horizontal-sprite.png) no-repeat;background-position: center -20px;position: absolute;
left: 50%;
height: 11px;width: 347px;
margin-left: -173px;}
.rembwarp{}
.rembimg{ text-align:center; width:150px; height:100px;border: 1px dashed #c3a07d; margin:0 auto;}
.rembimg img{}

.rembwarp li:hover .indexpromore a{background-color: #c3a07d;color: #1c1b1a;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
.proesswarp ul li :hover .proessmore a{background-color: rgba(145,103,38,.1);}
.indexprowarp ul li:hover .indexpromore span{background-color: #c3a07d;color: #1c1b1a;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}

.rembimglist{ text-align:center; width:100%; height:300px;border: 1px dashed #c3a07d; margin:0 auto;
background: url(../images/join01.jpg) no-repeat center center;}
.rembimg img{}


.rembimgitem{ text-align:center; width:64px; height:64px;border: 1px dashed #c3a07d; margin:0 auto;-webkit-border-radius:32px; -moz-border-radius: 32px;border-radius: 32px;-khtml-border-radius:32px;
background: url(../images/j02.png) no-repeat;}
.rembimgitem img{}
.rembwarp li:hover .rembimgitem{ border:none;background: url(../images/j02-1.png) no-repeat;}

.rembtext{ margin-top:20px;}
.rembtext i{background: url(../images/horizontal-sprite.png) no-repeat; display:block;
left: 50%;
height: 11px;
background-position: center -20px;top: 255px;width: 234px;
 margin:0 auto;}
.rembtext p{ font-size:18px;color: #c3a07d;line-height: 1em; text-align:center; margin-top:15px; font-size:22px;}
.rembwarp ul{ width:450px; margin:0 auto;}
.rembwarp ul li{position: relative;
float: left;
display: inline;
width:450px;
margin-left: 45px;
text-decoration: none;}
.rembwarp ul .first{ margin-left:0px;}
.rembtext p a{color: #c3a07d;}
.rembwarp ul .first{ margin-left:0px;}
.rembwz{ margin-top:10px; text-align:center;}
.rembwz a{color: #c3a07d; line-height:22px; font-size:20px;}
.indexpromore a{ width:135px; height:30px; line-height:29px; text-align:center; display:block; margin:0 auto; color: #c3a07d; border:1px dotted #c3a07d;
transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s; font-size:14px;}
.rembwarp li:hover .indexpromore a{background-color: #c3a07d;color: #1c1b1a;transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}

/***会员***/




/***新闻***/
.indexnews{ width:100%;background: url(../images/texturegold.jpg) no-repeat top center;overflow: hidden;
zoom: 1;
height:654px; position:relative;}
.indexnewswarp{}
.indexnewswarp ul{}
.indexnewswarp ul li{
position: relative;
overflow: hidden;
zoom: 1;
float: left;
display: inline;
margin: 0 9px 8px;
text-align: center;width: 239px;
height: 417px;background-color: rgba(145,103,38,.1);transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
.indexnewswarp ul li:hover{background-color: rgba(145,103,38,.18);transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
.indexnewswarp ul .first{ margin-left:0px;}
.indexnewsimg{ position:relative;}
.indexdate{position: absolute;
z-index: 2;
left: 0;
bottom: 0px;
overflow: hidden;
width: 100%;
height: 25px;
margin: 0;background-image: url(../images/cta-date-shade_bg.png);
background-repeat: no-repeat;
background-position: center bottom;}
.indexdate span{display: inline-block;
height: 25px;
padding: 0 30px;
line-height: 26px;
font-weight: normal;
background-color: #c1baac;color: #0e0e0d;font-size: 14px;background-image: url(../images/cta-date-shade_bg.png);
background-repeat: no-repeat;
background-position: center bottom;}
.indexnewstext{margin: 0 11px;padding: 10px 10px 0;}
.indexnewstext h3{height: 78px;
margin-top: 0;
padding-top: 5px;
overflow: hidden;font-size: 16px; color: #554728;text-transform: uppercase;}
.indexnewstext i{background: url(../images/horizontal-sprite.png) no-repeat; display:block;
left: 50%;
height: 11px;
background-position: center -9px;top: 255px;width: 210px;
 margin:0 auto;}
.indexnewstext p{color: #262522;height: 56px;line-height: 16px;overflow: hidden; margin-top:8px;}
.indexnewmore{ margin-top:10px;}
.indexnewmore a{width:100px; height:30px; border: dotted 1px #554728; color:#554728; display:block; line-height:29px; margin:0 auto;}
.indexnewswarp ul li:hover .indexnewmore a{background-color: rgba(145,103,38,.1);}
.indexnewstext p a{color: #262522; line-height:20px;}
.indexnewstext h3 a{color: #554728; line-height:25px;}
.indexmore{ margin-top:25px;}
.indexmore a{ display:block; width:150px; height:30px; line-height:29px;border: dotted 1px #554728; text-align:center;color: #554728; margin:0 auto;}
.indexmore a:hover{background-color: rgba(145,103,38,.1);}
/***新闻***/




/*******dibuer********/
.dibu{ width:100%; padding-top:20px; text-align:center; background:#1c1b1a; padding-bottom:10px;}
.dibu_warpper{ width:994px; height:auto; text-align:center; margin:0 auto;}
.dibu_warpper_one{ margin-top:50px; border-top: 1px solid #333; width:100%; text-align:center;  line-height:20px; height:auto;   color:#aaa; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.sao{ width:180px; margin:0 auto;}
.ewm{ text-align:center; margin:0 auto; padding-top:20px; float:left; }
.weibo{

line-height: 20px;
color: #aaa;
font-size:14px; margin-top:10px;

}

.banquan{
	text-transform:uppercase;

line-height: 20px;
color: #aaa;
font-size: 14px; margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
}
.banquan p{ margin-bottom:5px;}


.dibu_warpper_one span{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:40px}
.shuru{ width:100%; height:40px; }
.shuru_left{ width:100%; height:30px;}
.shuru_right{ width:19%; height:32px; float:right; background:#bfbfbf; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:center; line-height:32px;}
.shuru_right a{ color:#fff}
.shuru_right a:hover{ color:#221e1f}
.unohacha{ width:140px; height:35px; margin-top:10px; float:right;}
.sub_menu{ width:249px; height:33px; margin:0 auto; padding-left:20px; padding-right:20px; background:#1c1b1a; margin-top:-20px;}
.sub_menu li{ width:33px; height:33px; float:left; margin-right:11px; position:relative}
.sub_menu li span{ position:absolute; left:0px; top:0px; display:none; line-height:normal;}
.footertopwz {
text-align:center; padding-top:15px;
 padding-bottom:15px;
height: 50px;
color: #c3a07d;
display: table;
width: 100%;
line-height: 50px;
font-size: 34px;
}
.footer{background:#141414;}
.footernav{ width:994px; margin:0 auto;font-family:"微软雅黑";}
.footernav .first{ margin-top:20px; margin-bottom:15px; font-size:16px;display: block;
letter-spacing: 1px;
color: #aaa; border-right:1px solid #333;}
.footernav .first a{color: #aaa;}
.footernav .first a:hover{color: #c3a07d;}
.footernav  > ul > li{display: inline;
overflow: hidden;
width:16.66%;
 float:left;
 text-align:center;}

.footernav  > ul > li >ul{ margin-top:10px;}
.footernav  > ul > li >ul>li{ color:#aaa; font-size:12px; line-height:25px;}
.footernav  > ul > li >ul>li a{ color:#aaa; font-size:12px;}
.footernav  > ul > li >ul>li a img{ margin-right:10px;}
.footernav  > ul > li >ul>li a:hover{color: #c3a07d;}
.footernav .first i{background-position: center -63px;position: relative;
display: block;
width: 100%;
left: -3px;
padding-left: 3px;
margin-top: 4px;
height: 3px;
background-repeat: repeat-x;background: url(../images/separator-footer.png);}

.footerbottom{ background:#1c1b1a;}
.copy{ float:left; line-height:44px;color: #aaa;}
.unohacha_logo{ margin:0 auto;}
/**footer_nav***/
/*******dibuer********/


.product .col-lg-6{ padding-right:0;}
.product_phone{ width:100%; background:url(../images/cpbj.jpg); background-size:cover; padding-bottom:30px;  display:none; }
.product_box{ width:85%; margin:0 auto;}
.product_bt{ margin-bottom:50px;}
.product_bt img{ display:block; margin:0 auto;}
.product_bt p{ color:#333; text-align:center; font-size:16px; margin-top:10px;}
.product_list{ width:33.3333%; float:left;}
.product_cp{ margin-bottom:30px;}
.product_btn{
width: 75px;
height: 35px;
line-height: 35px;
text-align: center;
display: block;
margin: 0 auto;
color: #c3a07d;
border: 1px dotted #c3a07d;
transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}


.news_phone{
	display:none;
width: 100%;
background: url(../images/texturegold.jpg) no-repeat top center;
overflow: hidden;
zoom: 1;
position: relative;}
.news_list{
position: relative;
overflow: hidden;
zoom: 1;
float: left;
display: inline;
margin: 0 0 9px 0px;
text-align: center;
width: 100%;

transition: color .6s,border-color .6s,background-color .6s,border .6s,padding .6s;}
.news_list_img {
position: relative;
}
.news_list_wz{margin: 0 11px; padding: 10px 10px 30px 0;}
.news_list_wz h3{height: 28px;
margin-top: 0;
padding-top: 5px;
overflow: hidden;font-size: 16px; color: #554728;text-transform: uppercase;
}
.news_list_wz h3 a {
color: #554728;
line-height: 25px;
}
.news_list_wz i{background: url(../images/horizontal-sprite.png) no-repeat; display:block;
left: 50%;
height: 11px;
background-position: center -9px;top: 255px;width: 210px;
 margin:0 auto;}
.news_list_wz p{color: #262522;height: 56px;line-height: 16px;overflow: hidden; margin-top:8px;}
.news_list_more{ margin-top:30px; margin-bottom:50px; background-color: rgba(145,103,38,.1); line-height:40px; height:40px;}
.news_list_more img{ float:left; padding-left:15px; padding-right:15px; border-right:#4d4224 solid 1px; margin-top:10px; }
.news_list_more a{ height:40px;  color:#554728; display:block; line-height:40px; margin:0 auto;}
.jiantou{ width:60px; height:60px; border-radius:50%; background-color: rgba(145,103,38,.1); margin:0px auto;}


.process_phone{ width:100%;background: url(../images/texturegold.jpg) no-repeat top center;overflow: hidden;
zoom: 1;
height: 570px; position:relative; display:none;}




/** promenu **/
.promenu{
	width:100%;
	height:auto;
	}
.pro_dh{
	width:1000px;
	height:auto;
	margin:auto;
	}
.prodh_left{
	width:180px;
	height:300px;
	float:left;
	}
.prodh_right{
	width:800px;
	height:auto;
	float: right;
	}
.prodh_left ul{}
.prodh_left ul li{
	height:40px;
	}
.prodh_left ul li a{
	display:block;
	height:40px;
	line-height:40px;
	border-bottom:1px dotted #BC9978;
	color:#554728;
	font-size:14px;
	position:relative;
	}
.prodh_left ul li a:hover{
	color:#BC9978;
	}
.prodh_left ul li a span{
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-width: 5px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #554728;
	position:absolute;
	top:15px;
	right:0;
	}
.prodh_left ul li a:hover span{
	border-color: transparent transparent transparent #BC9978;
	}
.prodh_bt{
	height:40px;
	}
.prodh_bt a{
	display:block;
	height:40px;
	line-height:40px;
	border-bottom:1px dotted #BC9978;
	color:#554728;
	font-size:16px;
	}
.prodh_cp{
	width:100%;
	height:auto;
	position:relative;
	}
.prodh_cpnr{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	background: url(../images/texture-bg.jpg);
	}
.prodh_cpnr01{
	z-index:100;
	}
.prodh_cpnr02{
	z-index:99;
	}
.prodh_cpnr03{
	z-index:98;
	}
.prodh_cpnr04{
	z-index:97;
	}
.prodh_cpnr05{
	z-index:96;
	
	}
.prodh_cpnr06{
	z-index:95;
	}
.prodh_nei{
	height:auto;
	padding-left:20px;
	}	
.prodh_nmbt{
	line-height:40px;
	font-size:16px;
	color:#554728;
	border-bottom:1px dotted #BC9978;
	}
.prodh_xlcp{
	height:auto;
	margin-top:20px;
	min-height:180px;
	}
.prodh_xlcp ul{}
.prodh_xlcp ul li{
	width:19%;
	height:auto;
	float:left;
	border-right:1px dotted #BC9978;
	}
.prodhxl_mc{
	height:25px;
	line-height:25px;
	font-size:16px;
	margin:auto;
	text-align:center;
	}
.prodhxl_mc a{
	color:#554728;
	text-align:center;
	}
	
.prodhxl_tp{
	width:120px;
	height:auto;
	margin:auto;
	margin-top:10px;
	}
.prodh_more{
	height:auto;
	margin-top:15px;
	}
.prodh_more a{
	color:#554728;
	font-size:14px;
	float:right;
	}
.prodh_more a:hover{
	color:#BC9978;
	}
.prodh_more a span{
	font-family:"宋体";
	font-size:16px;
	margin-left:5px;
	}
/** promenu **/




/*******首页banner*********/
.cont2_img{width:570px; height:114px; margin-left:9%;}
.cont2_img ul li{width:127px; margin-right:15px; float:left;}












/** index_box **/
.index_box{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
	position:fixed;
	top:0;
	left:0;
	z-index:2147483647;
	overflow:hidden;
	background:url(../images/texturegold.jpg) center center no-repeat;
	background-size:cover;
	}
.mail_box{
	width:1000px;
	height:500px;
	background-color: rgba(145,103,38,.1);
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-500px;
	margin-top:-250px;
	}
.mail_inner{
	height:auto;
	padding:60px 100px;
	}
.mail_logo{
	width:180px;
	height:65px;
	margin-left:30px;
	}
.mail_mail{
	height:auto;
	margin-top:50px;
	}
.mail_mail ul{
	text-align:center;
	}
.mail_mail ul li{
	width:350px;
	height:auto;
	margin:0px 20px;
	display:inline-block;
	}
.mail_tp{
	height:180px;
	border-bottom:3px solid #c3a07d;
	}
.jrgwsy{
	height:auto;
	line-height:30px;
	margin-top:50px;
	text-align:center;
	font-size:14px;
	}
.jrgwsy a{
	color:#000;
	}
.jrgwsy a:hover{
	color:#c3a07d;
	}
.mail_close{
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
	right:50%;
	margin-top:-220px;
	margin-right:-470px;
	background:#c3a07d;
	}
/** index_box **/




.dh400{
	width: 186px;
    height: 46px;
    position: absolute;
    top: 50px;
    right:60px;
	background:url(../../images/400.png) left center no-repeat;
}










/***自适应***/
header{ display:none;}
.phonebanner{ display:none;}


@media (min-width:1440px) {
#banner1{ margin-top:11%; margin-right:17% !important; }
#banner2{ margin-top:11% !important; margin-right:60% !important;}
#banner3{ margin-top:11% !important; margin-right:9% !important;}
}




@media (min-width: 900px) and (max-width: 1440px) {
#banner1{ margin-top:10%; margin-right:10% !important; }
#banner2{ margin-top:5% !important; margin-right:5% !important;}
#banner3{ margin-top:9% !important; margin-right:8% !important;}
}





@media (max-width: 768px) {
.indexnewsitem .col-lg-4{ padding-right:15px;}
.navbar-nav{ background:#fff; margin-top:0px; float:none;}
.navbar-nav li{ text-align:center; border-bottom:1px dotted #e5e5e5;}
.navbar-nav a{ color:#666;}
.navbar-nav a:hover{ color:#118bce;}
.navbar-header{ background:#1c1b1a;}
.navbar-collapse{border-top: 1px solid #e5e5e5;}
nav{ margin-top:0px;}
header{ display:block; position:fixed; top:0px; width:100%; left:0px; z-index:9999; background:#1c1b1a !important;
 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
 .headerbg{background:#1c1b1a;}
.pcheader{ display:none;}
.navbar-toggle { margin-top:27px;}
.banner{ margin-top:80px;}
.logo_boxlist{ float:left; height:80px;}
.phone .container{ padding:0px;}
.indexcenter{ width:90%; margin:0 auto;}
.indexprowarp ul li{ float:none; width:100%;  display:block; margin:0px; margin-top:10px;}
.indexpro{ height:auto; background-size:cover;}
.proesswarp ul li{ float:none; width:100%;  display:block; margin:0px; margin-top:10px; height:375px;}
.process{ height:auto; padding-bottom:20px;background-size:cover;}
.indexcenter{}
.rembwarp ul li{ float:none; width:100%;  display:block; margin:0px; margin-top:50px; left:0px;}
.remb{ height:auto;background-size:cover; padding-bottom:40px;}
.indexnewswarp ul li{ float:none; width:100%;  display:block; margin:0px; margin-top:10px; left:0px; height:auto; padding-bottom:20px;}
.indexnews{ height:auto;background-size:cover; padding-bottom:20px;}
.dibuertopwz{ line-height:35px;}
.copy{ text-align:center; float:none;}
.banner{ display:none;}
.phonebanner{ display:block; margin-top:80px;}
.rembwarp ul{ width:100%;}
.dibu_warpper{ width:90%; margin:0 auto;}
.dibu_warpper_one{ width:100%; float:none; padding-left:0px; border-right:0px; text-align:left; border-bottom: 1px #333 solid; padding-bottom:20px;}
.dibu_warpper_one img{ display:block; text-align:left;}
.dibu{ height:auto !important; padding-bottom:0px;}
.unohacha{ display:none;}
.footernav{ width:100%; margin-bottom:0px !important}
.footertopwz{ font-size:26px; text-align:center;}
.footernav .first{ display:none;}
.logo_boxlist img{ margin-left:-15px;}
.banquan{ text-align:center;}
.unohacha_logo{ display:none;} 
.dibu_warpper_one{ margin-top:30px;}
.process{ display:none;}
/*.remb{display:none;}*/
.zhuanye{display:none !important;}
.indexpro{ display:none;}
.product_phone{ display:block;}
.news_phone{ display:block;}
.indexnews{ display:none;}
.rembtitle p{ font-size:24px;}
.process_phone{ display:block;}
.processtitle p{ font-size:24px;}
}



@media (min-width: 1000px) and (max-width: 1368px) {	
.dh400{
	right:6px;
}
}

@media (max-width: 999px) {
.dh400{
	display:none;
}
}







@media screen and (min-width: 1440px) and (max-width: 1700px) {
#banner2{margin-top:5% !important;}	
	
}
/***自适应***/