@charset "utf-8";
/* CSS Document */
body{
	background: #212121;
	width: 100%;
}
.header{
	width: 100%;
	height: 134px;
	background: #212121;
	border-bottom: 1px solid #a6a6a6;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000;
}
.line{
	height: 134px;
	width: 100%;
}
.logo{
	float: left;
	z-index: 10;
	overflow: hidden;
}
.logo img{
	float: left;
	height:134px;
}
.navul{
	float: right;
	margin-top: 60px;
}
.navul .nli{
	float: left;
	position: relative;
	margin-left: 60px;
}
.navul .nli .ma{
	display: block;
	font-size: 16px;
	color: #fff; 
	padding-bottom: 18px;

}
.navul .nli .ma.on{
	background: url(nbk.jpg) center bottom no-repeat;
}
.navul .nli .ma:hover{
	background: url(nbk.jpg) center bottom no-repeat;
}
.navul .sub{
	position: absolute;
	overflow: hidden;
	background: url(bd.png) center 0 repeat;
	display: none;
	top: 48px;
	left: 1%;
	width: 138px;
}
.navul .sub li{
	float: left;
	margin: 9px;
	background:#5c3a30;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.navul .sub li:hover{
	background:#4c3a30;
}
.navul .sub li a{
	color: #fff;
	font-size: 14px;
}
.banner{
	width: 100%;
	overflow: hidden;	
	position: relative;
}

.slideBox{ 
	width: 100%; 
	overflow:hidden;
	z-index: 1;
	position: relative;
}
.slideBox .hd{  
	overflow:hidden; 
	position:absolute; 
	width: 18px;
	text-align: center;
	right: 10%; 
	top: 280px; 
	z-index:10; 
}
.slideBox .hd ul{ 
	overflow:hidden; 
	zoom:1; 
	float:left;  
	width: 100%;
}
.slideBox .hd ul li{ 
	display: inline-block;
	padding: 2px; 
	border: 2px solid transparent; 
	border-radius: 50%;
	cursor:pointer; 
	*display:inline;
	*zoom:1;
	margin-bottom: 10px;
}
.slideBox .hd ul li span{
	display: block;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
}
.slideBox .hd ul li.on{ border: 2px solid #b08746; }
.slideBox .hd ul li.on span{background: #b08746}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width: 1920px; height: 718px; display:block;}
.slideBox .ba{
	width: 1200px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	top: 345px;
	z-index: 1000;
}
.slideBox .ba a{
	display: block;
	position: absolute;
	top: 0;
}
.slideBox .prev{
	left: -59px;
}
.slideBox .next{
	right: -59px;
}


.tel{
	background: #505050;
	margin-top: -72px;
	position: relative;
	z-index: 10000;
}
.t1{
	float: left;
	overflow: hidden;
	text-align: center;
	width: 239px;
	padding-top: 20px;
}
.t1 h3{
	color: #fff;
	font-size: 24px;
	font-family: "Impact";
	font-weight: normal;
	margin-top: 8px;
}
.t1 p{
	color: #fff;
	padding-top: 8px;
}
.t1 span{
	display: block;
	width: 100%;
	height: 3px;
	background: #fff;
	margin-top: 25px;
}
.tel .span{
	float: left;
	width: 1px ;
	height: 89px;
	background: #fff;
	margin-top: 27px;
}
.t2 h3{
	font-family: "微软雅黑";
	font-size: 22px;
}
.tel .t1.on span{
	background: #b08746;
	animation: span 1s;
}
.tel .t1.on h3{
	color: #b08746;
}
.tel .t1.on p{
	color: #b08746;
}
@keyframes span{
	0%{width: 0;}
	100%{width: 100%;}
}
.fuwu{
	width: 100%;
	background: url(fuwu.jpg) center 0 no-repeat;
	height: 375px;
	overflow: hidden;
}
.fuwu .wp{
	margin-top: 47px;
}
.fuwu .div{
	width: 200px;
	float: left;
	overflow: hidden;
	text-align: center;
}
.fuwu p{
	line-height: 24px;
	font-size: 16px;
	color: #fff;
}
.fuwu .div:hover img{
	animation: img 1.3s;
}
@keyframes img{
	0%{transform:rotateY(90deg); }
	100%{transform:rotateY(0deg);}
}
.foot{
	background: url(foot.jpg) center 0 no-repeat;
	height: 171px;
}
.foot .fl{
	float: left;
	margin-top: 26px;
}
.foot .fl h4{
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 3px;
}
.foot .fl h4 span{
	font-family: "方正博雅宋_GBK";
	font-size: 22px;
}
.foot .fl p{
	color: #b08746;
	margin-bottom: 15px;
}
.foot .fr{
	float: right;
	margin-top: 26px;
	cursor: pointer;
}
.foot .fr img{
	margin-right: 17px;
}
.foot .fr img:nth-child(2){
	margin-top: 39px;
	float:right;
}
.fnav{
	border-top: 1px solid #1d1816;
	border-bottom: 1px solid #1d1816;
	line-height: 52px;
	overflow: hidden;
}
.fnav p{
	float: left;
}
.fnav p a{
	font-size: 14px;
	color: #fff;
}
.fnav p span{
	padding: 0 16px;
	color: #fff;
}
.fnav img{
	float: right;
	margin-right: 10px;
	margin-top: 19px;
	cursor: pointer;
}
.link{
	overflow: hidden;
	margin-top: 32px;
	text-align: center;
}
.link .sp{
	font-size: 14px;
	color: #fff;
	overflow: hidden;
}
.link a{
	color: #fff;
	font-size: 14px;
}
.link span{
	padding: 0 15px;
}
.copy{
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 28px;
}
.mainBody{
	width: 1200px;
	margin: 0 auto 50px;
	overflow: hidden;
}
/*内页*/
.left{
	width: 280px;
	float: left;
	overflow: hidden;
	margin-top: 30px;
}

.left1{
	border: 1px solid #262626;
}
.left1 li{
	width: 278px;
}
.left1 a{
	display: block;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 278px;
	height: 266px;
}
.left1 img{
	vertical-align: middle;
	max-width: 278px;
	max-height: 266px;
}
.lefter{
	width: 100%;
	overflow: hidden;
}
.lefter_title{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	background: #262626;
}
.lefter_title span{
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 20px;
}
.lefter_list1{
	width: 100%;
	float: left;
	overflow: hidden;
	border-bottom: 1px solid #bfbfbf;
}
.lefter_list .leftli{
	width: 100%;
	/*height: 40px;*/
	float: left;
	line-height: 40px;	
}

.lefter_list .leftli a{
	/*width: 100%;*/
	height: 40px;
	display: block;
	line-height: 40px;
	color: #818080;
	font-size: 14px;
	padding-left: 30px;
	background: #f4f4f4;
}
.lefter_list .leftli .lefta{
	font-size: 16px;
}
.lefter_list .leftli .lefta.cur{
	background:#f4f4f4 url(../images/a2.jpg) 10px center no-repeat;
	color: #6072a3;
}
.lefter_list a:hover{
	color: #4c3a30;
}
.leftli ul{
	overflow: hidden;
}
.leftli li{
	width: 100%;
	height: 40px;
	float: left;
}
.lefter_list .leftli a.on{
	color: #fff;
	margin: 1px 0;
	background: #221711;
}
.lefter_list .leftli li a{
  padding-left: 50px;
  background: url(../images/a1.jpg) 35px center no-repeat;
}
.lefter_list .leftli li a.on{
	color: #fff;
	background: #889bcf url(../images/a2.png) 35px center no-repeat;
}
.lefter_list p{
	line-height: 40px;
	padding-left: 20px;
	background: #f0f0f0;
	font-size: 14px;
	padding-right: 20px;
}
/*左侧新闻*/
.leftn{
	overflow: hidden;
	float: left;
	width: 100%;
}
.leftn li{
	line-height: 40px;
	padding-left: 30px;
	background: #f0f0f0 url(../images/a1.jpg) 20px center no-repeat;	
}
.leftn li a{
	font-size: 14px; 
}
.leftn li:hover{
	background: #f0f0f0 url(../images/a2.jpg) 20px center no-repeat;
}
.leftn li:hover a{
	color: #6072a3;
}
.main{
	margin-top: 30px;
	float: none;
	overflow: hidden;
	width: 100%;
}
.main_title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #dadada;
}
.main_title span.title{
	float: left;
	color: #fff;
	font-size: 24px;
}
.pro_tit{
	width: 100%;
	height: 237px;
	background: url(../images/pt.jpg) center 0 no-repeat;
	overflow: hidden;
}
.pro_tit .type{
	margin-top: 53px;
	margin-left: 480px;
	overflow: hidden;
}
.pro_tit .type a{
	float: left;
	width: 150px;
	height: 41px;
	border: 1px solid #b2b2b2;
	border-radius: 4px;
	text-align: center;
	line-height: 41px;
	font-size: 18px;
	color: #fff;
	margin-left: 25px;
}
.pro_tit .type a.on, .pro_tit .type a:hover{
	background: #b08746;
	border: 1px solid #b08746;
}
.pro_tit .cate{
	margin-top: 37px;
	margin-left: 403px;
	overflow: hidden;
}
.pro_tit .cate a{
	float: left;
	width: 73px;
	height: 33px;
	text-align: center;
	line-height: 33px;
	border: 1px solid #b2b2b2;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	margin-left: 23px;
	margin-bottom: 2px;
}
.pro_tit .cate a.on, .pro_tit .cate a:hover{
	background: #b08746;
	border: 1px solid #b08746;
}
.subCont{
	padding: 0;
	width: 100%;
}
.product_list{
	margin-top:42px;
	width: 100%;
}
.product_list li{
	margin-left: 0;
	margin-bottom:38px; 
	width: auto;
	position: relative;
	overflow: hidden;
}
.product_list li:nth-child(3n-1){
	margin-left: 30px;
	margin-right: 30px;
}
.product_list li a.img{
	width: 380px;
	height: 515px;
	border: none;
}
.product_list li .img{
	box-sizing: border-box;
}
.product_list h3{
	color: #fff;
	overflow: hidden;
	padding-bottom: 15px;
	background: url(../images/l5.jpg) 0 bottom no-repeat;
	font-size: 14px;
	margin-top: 13px;
	font-weight: normal;
}
.product_list h3 span:nth-child(1){
	float: left;
}
.product_list li .img{
	box-sizing: border-box;
	width: 380px;
	height: 515px;
}
.product_list li div{
	width: 380px;
	height: 515px;
	position: absolute;
	top: -515px;
	left: 0;
}
.product_list li div .bk{
	background: #000;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.product_list li div img{
	display: block;
	margin: 190px auto 0;
	position: relative;
	z-index: 10;
}
.product_list li div .con{
	color: #fff;
	padding: 5px 15px;
	margin: 131px auto 0;
	text-align: center;
	position: relative;
	z-index: 10;
	font-size: 18px;
}
.product_list h3 span:nth-child(2){
	float: right;
}
.product_list li:hover .img{
	/*border: 3px solid #b08746;*/
}
.product_list h3 span:nth-child(2){
	float: right;
}
.news_list2 li span.title a{
	font-size: 16px;
}
.main_title span.wz{
	float: right;
	color: #999999;
	font-size: 14px;
}
.main_title span.wz a{
	color: #999999;
	font-size: 14px;
}

/*招聘*/
.zp{
 padding: 20px 10px;
}
.zp h3{
	font-size: 20px;
	margin-bottom: 20px;
}
.zp p{
	font-size: 16px;
	line-height: 35px;
}
.zp span{
	font-weight: bold;
	font-size: 18px;
}


/*联系方式*/
.contact{
	width: 100%;
	height: 110px;
	margin-top: 30px;
	background: #000;
	overflow: hidden;
}
.con_con{
	width: 1200px;
	margin: 28px auto;
	overflow: hidden;
	height:53px; 
}
.cc1{
	width: 33.333%;
	float: left;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	height: 100%;
}
.cc1 p{
	padding-left: 90px;
	line-height: 28px;
	padding-right: 100px;
	letter-spacing: 1px;
}


/*漂浮窗*/
.position{
	width: 958px;
	height: 585px;
	border: 1px solid #c9c9c9;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -480px;
	margin-top: -292.5px;
	z-index: 100000;
	background: #fff;
	overflow: hidden;
	display: none;
	z-index: 10000000000000;
}
.position h3{
	margin-top: 65px;
	font-size: 20px;
	font-weight: normal;
	color: #262626;
	margin-bottom: 17px;
}
.pol{
	width: 556px;
	padding-left: 20px;
	float: left;
	overflow: hidden;
}
.hunqi{
	overflow: hidden;
}
.hunqi label{
	float: left;
	overflow: hidden;
	display: block;
	margin-right: 15px;
}
.hunqi input{
	display: none;
}
.hunqi span{
	border: 1px solid #e1e1e1;
	outline: none;
	width: 116px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
	color: #666666;
	float: left;
	cursor: pointer;
}
.hunqi span.on, .hunqi span:hover{
	background: #da0023;
	color: #fff;
}
.check{
	overflow: hidden;
}
.check label{
	float: left;
	display: block;
	overflow: hidden;
	cursor: pointer;
	width: 139px;
	margin-bottom: 15px;
}
.check input{
	display: none;
}
.check span{
	padding-left: 23px;
	background: url(../images/ipt.png) 0 center no-repeat;
	color: #808080;
	font-size: 16px;
}
 .check span:hover{
 	color: #da0023;
 }
.check span.on{
	background: url(../images/ipt1.png) 0 center no-repeat;
}
.ntw{
	overflow: hidden;
	margin-top: 50px;
}
.ntw input{
	float: left;
	width: 138px;
	height: 33px;
	border: 1px solid #e7e7e7;
	margin-right: 22px;
	padding: 0 10px;
	background: #f2f2f2;
	color: #999999;
}
.zhu{
	font-size: 16px;
	color: #666666;
	margin-top: 20px;
}
.zhu span{
	color: #d02626;
}
.sdiv{
	overflow: hidden;
	margin-top: 40px;
}
.sdiv .s1{
	border: none;
	outline: none;
	width: 180px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	float: left;
	margin-right: 30px;
	cursor: pointer;
}
.por{
	float: right;
	width: 382px;
	height: 585px;
}
.por span{
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}


/*在线团购*/
.product_tg{
	overflow: hidden;
	margin-top: 20px;
}
.product_tg li{
	width: 580px;
	float: left;
	overflow: hidden;
	background: #fff;
}
.product_tg li:nth-child(2n){
	float: right;
}
.product_tg li img{
	width: 580px; 
}
.product_tg li h3{
	color: #333;
	font-size: 22px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	float: left;
}
.product_tg li p{
	overflow: hidden;
	text-align: center;
	margin-bottom: 15px;
	float: right;
	margin-top: 4px;
	margin-right: 10px;
}
.product_tg li p a{
	display: inline-block;
	width: 100px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #333;
	border: 1px solid #333;
	border-radius: 4px;
	font-size: 16px;
}
.product_tg li p a:hover{
	background: #b08746;
	border: 1px solid #b08746;
	color: #fff;
}


/*优惠活动*/
.yh_head{
	min-height: 62px;
	background:  #9d2933 url(../images/yh1.png) 0 0 repeat-x;
	background-position: 50% 100%;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
.yh_head h3{
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.yh_head p{
	font-size: 16px;
	margin-bottom: 10px;
}
.yh_con{
	background: #fff;
}
.yhcon{
	padding: 10px 50px;
	overflow: hidden;
}
.yhcon div{
	margin: 10px 50px;
	overflow: hidden;
	line-height: 90px;
	border-bottom: 1px solid #ccc;
}
.yhcon h4{
	float: left;
	font-size: 16px;
	font-weight: normal;
}
.yhcon p{
	float: left;
	margin-left: 50px;
	overflow: hidden;
}
.yhcon label{
	float: left;
	display: block;
	overflow: hidden;
	cursor: pointer;
	width: 139px;
	margin-bottom: 15px;
}
.yhcon label input{
	display: none;
}
.yhcon span{
	padding-left: 23px;
	background: url(../images/ipt.png) 0 center no-repeat;
	color: #808080;
	font-size: 16px;
}
 .yhcon span:hover{
 	color:  #9d2933;
 }
.yhcon span.on{
	background: url(../images/ipt1.png) 0 center no-repeat;
}
.yhcon .hq span{
	background: url(../images/radio.png) 0 center no-repeat;
}
.yhcon .hq span.on{
	background: url(../images/radio1.png) 0 center no-repeat;
}
.yh_ntw{
	margin: 10px 0;
	line-height: 40px;
}
.yh_ntw input{
	height: 30px;
	line-height: 30px;
	margin-right: 20px;
}
.yhcon input[type=submit]{
	background: #9d2933;
	padding: 7px 30px;
	border: none;
	outline: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
}


#textarea{
	padding: 0;
}
.form1{
	margin-top: 20px;
	text-align: center;
}
.form1 h3{
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.form1 span{
	font-size: 14px;
}
.form1 input[type=text]{
	width: 120px;
	height: 24px;
	line-height: 24px;
	color: #333;
	padding: 0 10px;
	font-size: 14px;
	border: none;
	outline: none;
}
.form1 input[type=submit]{
	width: 100px;
	height: 24px;
	line-height: 24px;
	border: none;
	outline: none;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #b08746;
	cursor: pointer;
}
.preNext .text{
	overflow: hidden;
	text-align: center;
}
.preNext .text li{
	display: inline-block;
	color: #fff;
}
.preNext .text li a {
	font-size: 16px;
}
.preNext .text li span{
	font-size: 18px;
	padding: 0 100px;
}


/*图片内页*/
.intit {
    text-align: center;
}
.mt30 {
    margin-top: 30px;
}
.intit h2 {
    line-height: 50px;
}
.intit h2 span {
    font-size: 38px;
    font-weight: bold;
    color: #fff;
    margin: 0 5px;
    letter-spacing: -1px;
    text-transform: uppercase;
}
.intit h2 i {
    font-size: 38px;
    font-weight: bold;
    color: #fff;
    margin: 0 5px;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-style: normal;
}
.intit h2 em {
    font-size: 28px;
    font-style: normal;
    color: #b08746;
    font-weight: normal;
    margin: 0 5px;
    vertical-align: top;
}
.intit .border {
    height: 8px;
    width: 70px;
    border-top: 2px solid #cbcbcb;
    margin: 11px auto 7px;
}
.intit .t11 {
    color: #fff;
    font-size: 16px;
}
.intit .t21 {
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.intit .t31{
	font-family: "Aparajita";
	font-size: 16px;
	line-height: 15px;
	color: #b5b5b5;
}
.img_tit{
	margin-top: 50px;
	padding-bottom: 10px;
}
.img_tit span{
	font-size: 26px;
}
.img_tit strong{
	font-weight: normal;
}
.img_tit strong i{
	color: #7edab2;
	font-style: normal;
	font-size: 30px;
}
.img_tit .y{
	float: right;
	overflow: hidden;
}
.img_tit .y a {
    float: left;
    margin-left: 20px;
    width: 36px;
    height: 36px;  
}
.img_tit .y .imgp{
	 background: url(../images/imgp.png) no-repeat;
	 background-size: 100% 100%;
}
.img_tit .y .imgn{
	 background: url(../images/imgn.png) no-repeat;
	 background-size: 100% 100%;
}
.img_tit .y .imgp:hover{
	 background: url(../images/imgp1.png) no-repeat;
	 background-size: 100% 100%;
}
.img_tit .y .imgn:hover{
	 background: url(../images/imgn1.png) no-repeat;
	 background-size: 100% 100%;
}