@charset "utf-8"; 
/*全局初始化样式*/
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'宋体'; color: #666; width: 100%; zoom:1;
	 font-size: 14px; /*字体大小*/
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
-webkit-user-select: none; 
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;  
}

ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
ul,li{ list-style:none; margin: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#fff; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;text-decoration:none;}
a:hover{ color: #15182B;text-decoration:none;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;} /*清除浮动*/
.container {width:100%;margin:0 auto; max-width: 1600px;}
@media screen and (min-width:1200px ){
    .container {width:98%;margin:0 auto;}
}
/*全局样式*/




.denglv{display:block;margin:0 auto;margin-bottom: 13px;max-width: 407px;text-align: right;width: 100%;}

/************************** 以下是页面样式 *************************/




/*头部*/
.Toper{height: 70px; padding-top: 15px;background: url(../images/topbg.jpg) repeat-x 0 0; position:relative;}
.Toper .navBtn{height: 40px; width: 40px;background: url(../images/navbtn.png) no-repeat center; float: right;cursor: pointer;}
.Toper .searchBox{display: none;height: 40px;width: 75%;border:1px solid #fff; background:url(../images/topbg.jpg) repeat-x 0 0;position: absolute;right: 65px; }
.Toper .searchBtn{display: block; float: right; margin-right: 10px; height: 40px;width: 40px; background: url(../images/seachicon.png) no-repeat center;}
.Toper .searchBox a{width: 40px; background: url(../images/seachicon1.png) no-repeat center;height: 38px; display:block; float: right;}
.Toper .searchBox input{width: 81%;height: 40px; float: left;padding-left: 10px;}

.Toper .searchBoxon{display: block; }

.Top{width: 200px; position: absolute; left: -200px; top:0px;z-index: 999; background: url(../images/topbg.jpg) repeat 0 0; }

.Top .logo{ margin-top: 20px; display: block; height:145px;background: url(../images/logo.png) no-repeat center;  }
.Top .logo a{ display: block; width: 100%;height: 100%; }
.Top .Nav{padding-top: 20px;}
.Top .Nav ul li{ height:35px;line-height: 35px; position: relative; left: 0;top: 0;}
.Top .Nav ul li a{display: block;text-align: center; color: #d9c59e; font-size: 15px;}

.Top .Nav ul li i{display:block; background: url(../images/navonbg.png) no-repeat center; height: 100%;width: 11px; position: absolute; right: -11px; top: 0; display: none;z-index: 88; }
.Top .Nav ul li.on>a{background: rgba(255,255,255,0.4);}


.Top .Nav ul li dl{position: absolute; left: 200px; top: 0; width: 100%; display: none;}
.Top .Nav ul li dl a{padding-left: 0; text-align: center; color: #0b2228; height: 44px; line-height: 44px;}
.Top .Nav ul li dl a:hover{background: rgba(255,255,255,0.4); }

.minlogo{width: 40px;display:block;float: left;}
.minlogo img{ position: relative; top: -10px;}




/*头部*/

/*底部*/

.Bottom{ background:url(../images/topbg.jpg) repeat-x 0 0;padding:15px 0; color:#d9c59e; border-top: 1px solid #fff;}
.Bottom a{color:#d9c59e;}
.Bfx{text-align: center;font-style: italic;}
.Bfx a{display: inline-block; width: 25px;height: 20px; margin-right: 3px; background: url(../images/fxicon.png) no-repeat 0 0; position: relative;vertical-align: middle;}

.Bfx a.qqwb{background-position: 0 center; display: none;}
.Bfx a.weibo{background-position: -40px center;}
.Bfx a.weixin{background-position: -80px center;margin-left: 7px;}
.Bfx a.qq{background-position: -120px center; margin-right: 0; display: none;} 
.link{text-align: center;}
.link a{color: #d9c59e;}
.link em{padding: 0 5px; font-style: normal;}
.Copyright{text-align: center; color:#FFF}

.record{text-align: center;}

.TopBottom{font-size: 12px; display: none;}
.TopBottom .link{margin: 15px auto;}
.TopBottom .link em{padding: 0 3px; font-style: normal;}


.mainBox{background:url(../images/topbg.jpg) repeat 0 0;}
.aboutbg{display: none;}
.MainBoxTxt{ background:#f8f0de; padding:15px; position: relative; }

.MainBoxTxt .left{display: none;}
a.returnindex{display: none; width: 43px;height: 43px;position: absolute;right: 20px;top: -20px; background: url(../images/colse.jpg) no-repeat center; }

.Bfx a.weixin .rwmbg{ display: none; text-align: center;padding-top: 4px; background: url(../images/erwbg.png) no-repeat center; width: 85px;height: 95px; position: absolute;  left: 50%;margin-left: -42.5px; bottom:20px; }
.Bfx a.weixin .rwmbg img{width: 77px;height: 77px;}
.Bfx a.weixin:hover .rwmbg{display: block;}

/*底部*/


/*首页*/
.HomeList{ padding-top:20%; }
.HomeList ul {text-align: center; width: 100%; font-size: 0;}
.HomeList ul li{ display: inline-block; width:50%; margin-bottom: 30px; }
.HomeList ul li a{display: block;height: 150px; color: #fff;}
.HomeList ul li a .img{display: block; height: 60px; position: relative;}
.HomeList ul li a .img .img01{ -webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s; }
.HomeList ul li a .img .img02{ position: absolute; left: 50%;margin-left: -28px; top: 0; }
.HomeList ul li a h3{ font-size: 16px; }
.HomeList ul li a h4{ font-size: 14px;text-transform: uppercase; display: none; }

.TopBottom{display: none;}
.navXL{width: 200px;position: absolute; display: none; left: 200px;height: 100%; background: rgba(255,255,255,0.5); z-index: 998;}

.pl2em p{text-indent: 2em;}

.login_ent{ position: absolute; top:10px; right: 110px; }
.login_ent a{ padding: 0 8px; display: inline-block; padding-top:30px; line-height: 28px; text-align: center; color: #fff;}
.login_ent .m1{ background: url(../images/icon_home.png) center 0 no-repeat; }
.login_ent .m2{ background: url(../images/icon_home2.png) center 0 no-repeat; }

@media screen and (max-width:1023px){
    .mainBox{background: url(../images/topbg.jpg) repeat 0 0 !important;min-height: 0px !important;padding-top: 0px !important;}
}

@media screen and (min-width:540px ){
	.HomeList{padding-top:13%;}
	.HomeList ul li{width:33.33%;}
}

@media screen and (min-width:1024px ){
	.login_ent{top:5%; right: 10px;}
	.minbg{display: none;}
	.Toper{display: none;}
	.Top{left: 0; z-index: 999;}
	.Top .Nav ul li{ height:44px;line-height: 44px;}

	.TopBottom{display: block; margin-top: 20px; padding-bottom: 15px; width: 100%;}
	.TopBottom .searchBox{display: block; width: 180px;margin: 20px auto; border-right: 1px solid #575e53;}
	.TopBottom .searchBox a{display: block; float: left; width: 40px;height: 40px;background: url(../images/searchbtn1.png) no-repeat center;}
	.TopBottom .searchBox input{width: 120px;margin-right: 10px; border-bottom: 1px solid #575e53; float: right; height: 40px;line-height: 40px;}

	.mainBox{padding-left: 200px; width: 100%; position: relative; left: 0; background: url(../uploadfiles/image/bg.jpg) repeat center bottom;}
	.HomeList{position: absolute; bottom:150px;left: 0; height:50px; width: 100%; padding-left: 200px;}
	.HomeList ul li{width: 20%; display: block; float: left; margin: 0; }
	.HomeList ul li a {height: 130px;position: relative;}
	.HomeList ul li.odd a .img{position: absolute; bottom: 0; width: 100%;left: 0;}
	.HomeList ul li a:hover {color: #d9c59e;}
	/*.HomeList ul li a:hover .img .img01{ display:none;}
	.HomeList ul li a:hover .img .img02{ display:inline-block; }*/

	.HomeList ul li a:hover .img .img01{transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg);}

	.Bottom{display:none;}

	.Top .Nav ul li>a:hover{background: rgba(255,255,255,0.4);}
	.Top .Nav ul li.on i,.Top .Nav ul li:hover i{display: block;}

	.MainBoxTxt{width: 80%;margin: 0 auto;padding:40px 20px 40px 0;height: 570px; }
	.MainBoxTxt .left{position: relative;display: block;margin-top: -53px;width: 100px; text-align: center;padding-top: 20px; float: left; height: 100%; background: url(../images/titlebg.png) no-repeat center 0; }
	.MainBoxTxt .left .icon{display: block; width: 7px;height: 13px; background: url(../images/titlebg01.png) no-repeat 0 0; position: absolute; left: 77px; top: 0;}

.MainBoxTxt .left h3{width: 27.5px; word-break:break-all; font-size: 18px;color: #fff;font-weight: normal;/*支持IE，chrome，FF不支持*/
　　word-wrap:break-word;/*支持IE，chrome，FF*/ margin: 0 auto 30px; }
.MainBoxTxt .left h3 span{margin-top: 10px;display: block;background: url(../images/icontitle.png) no-repeat center; height: 30px; }

	.MainBoxTxt .left h4{
					font-size: 14px;color: #fff;
					text-transform: uppercase;
					transform:rotate(90deg);
					-ms-transform:rotate(90deg); /* IE 9 */
					-moz-transform:rotate(90deg); /* Firefox */
					-webkit-transform:rotate(90deg); /* Safari and Chrome */
					-o-transform:rotate(90deg); /* Opera */
					}





	.MainBoxTxt .right{margin-left: 100px; padding-right:40px;/*width: 80%;float: right;*/  overflow: hidden;height: 100%; position: relative;}
	.MainBoxTxt .right{}
	a.returnindex{display: block;}

	.MainBoxTxt a.returnindex{display: none;}
}

@media screen and (min-width:1366px ){
	.MainBoxTxt{width: 1064px;padding: 40px;}
	/*.MainBoxTxt .right{ width: 84%;}*/
}

/*@media screen and (min-width:1600px ){
	.MainBoxTxt .right{ width: 86%;}

}*/
/*首页*/


/*新闻资讯*/
.newBox{}
.newBox ul li{ border:1px solid #c3a66b; margin-bottom: 19px;}
.newBox ul li a{display: block;padding:8px; overflow: hidden; color: #333; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.newBox ul li a:hover{background: #f2ead2;}
.newBox ul li .img{ display: block; text-align: center; }
.newBox ul li .img img{ width: 100%;}

.newBox ul li h3{font-size: 16px;font-weight: bold;}
.newBox ul li p{font-size: 15px;}
.newBox ul li p.time{font-size: 14px; margin-bottom: 0;}

@media screen and (min-width:640px ){
	.newBox ul li .img{width: 40%; float: left;}
	.newBox ul li .txt{width:58%;float: right;}


}


@media screen and (min-width:1024px ){
	.newBox ul li .img{width:100%; }

	.newBox ul li .txt{width: 100%;}
	.newBox ul li p.con{height: 45px;}

}

@media screen and (min-width:1200px ){
		.newBox ul li .img img{ width: auto;}
	.newBox ul li .img{width: 36%;}
	.newBox ul li .txt{width:62%;}
	.newBox ul li h3{margin-top: 10px;}

}

@media screen and (min-width:1366px ){

	.newBox ul li .img{width: 25%;}
	.newBox ul li .txt{width:72%;}
	.newBox ul li h3{margin-top: 10px;}

}


.newtitle{font-size: 18px; font-weight: bold; text-align: center; color: #333;}
.newTime{font-size: 12px; font-weight: normal; text-align: center; color: #666;padding-bottom: 20px; border-bottom:1px dashed #ccc;}

/*新闻资讯*/


/*分页 css*/
.PageBox{padding-bottom: 30px;}
.PageBox .Pages{text-align: center;}
.PageBox .Pages a{padding:8px;border:1px solid #c3a66b; color: #c3a66b; font-size: 14px; margin:0 3px;transition: all .5s;}
.PageBox .Pages a:hover,.PageBox .Pages a.a_cur{ background: #9d8554;color: #fff; border:1px solid #7e7052; }
.PageBox .Pages .num{font-style: normal;}
.PageBox .Pages .num a{display: none;}

@media screen and (min-width:1200px){
	.PageBox .Pages .num a{display:inline-block;}
}
@media screen and (min-width:1024px){
	.PageBox{padding-bottom: 0px;}
	.PageBox .Pages a{padding:8px 15px;}
}


/*分页 css*/

/*房地产*/
.realtyBox{}
.realtyBoxTop{ margin-bottom: 20px; overflow: hidden; }
.realtyBoxTop ul{text-align: center;}
.realtyBoxTop ul li{margin-right: 10px; margin-bottom: 10px; width: auto;    }
.realtyBoxTop ul li a{color: #333;display: block; width: 100%;  position: relative;padding:8px 5px;font-size: 12px; border: 1px solid #dccaa4;border-radius: 5px;background: #e4d6ad;}
.realtyBoxTop ul li a i{display: none;position: absolute; bottom: -8px; left: 50%;margin-left: -10px;
	 width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid #b09b70;}

 .realtyBoxTop ul li.on a, .realtyBoxTop ul li a:hover{background:#b09b70;color: #fff; }
 .realtyBoxTop ul li.on a i,.realtyBoxTop ul li a:hover i{display: block;}

.realtyBoxCon{ position: relative; overflow: hidden; width: 100%; }
.realtyBoxCon ul li{ border:1px solid #e3d2af; margin-bottom: 20px;}
.realtyBoxCon ul li a{color: #333; display: block; position: relative;}
.realtyBoxCon ul li .img{display: block;}
.realtyBoxCon ul li .img img{ width: 100%; }
.realtyBoxCon ul li.odd a{ padding-top: 123px;}
.realtyBoxCon ul li.odd .txt{position: absolute; top: 0; left: 0;}

.realtyBoxCon ul li .txt{width: 100%;height:123px; text-align: center; padding:10px 0; }
.realtyBoxCon ul li .txt h3{font-size: 16px; font-weight: bold;}
.realtyBoxCon ul li .txt h3 span{border-bottom: 1px solid #666; padding-bottom: 5px;}

.realtyBoxCon .swiper-wrapper{padding-bottom: 40px;}
.realtyBoxCon .swiper-pagination{}
.realtyBoxCon .swiper-pagination .swiper-pagination-bullet{ width: 15px;height: 15px;  border-radius: 8px;background: #b09b70; opacity: 1; }
.realtyBoxCon .swiper-pagination .swiper-pagination-bullet-active{width: 50px;}

@media screen and (min-width:1024px){
	.realtyBoxCon .swiper-wrapper{padding-bottom: 60px;}
}
@media screen and (min-width:1200px){
	.realtyBoxTop ul li a{padding:8px 10px;font-size: 14px;}
}


@media screen and (min-width:1366px){
.realtyBoxCon .swiper-wrapper{padding-bottom: 60px;}
}


.squareBoxCon{
	position: relative;
}
.squareBoxCon2{
	margin-top: 20px;
	position: relative;
}

.picFocus{ margin:0 auto;  width:100%; margin: 0 auto; position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:2px;  overflow:hidden;  display: none; margin-top: 40px;}
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center; width: 25%;padding:0 2%;  }
.picFocus .hd ul li img{ width:100%; border:2px solid #f9f2e3; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ }
.picFocus .hd ul li.on img{ border-color:#b09b70;  }
.picFocus .bd li{ vertical-align:middle;}
.picFocus .bd img{ width:100%; height:auto; display:block;  }

.picFocusTxt{ padding-bottom: 20px; }
.picFocusTxt h3{ font-size: 20px;  }
.picFocusTxt h3 a{color: #333;}
.picFocusTxt h4{font-size:20px; color: #9d8554; padding-bottom: 15px; position: relative; margin-bottom: 25px; }
.picFocusTxt h4.hidetxt span{display: none;}
.picFocusTxt h4 i{display: block; width: 64px; height: 1px; background:#9d8554; position: absolute; left: 0; bottom: 0; }
.picFocusTxt  .txt{padding-bottom:20px; min-height: 40px; overflow: hidden;}
.picFocusTxt  .more{display: block; background: url(../images/more.png) no-repeat center; width: 140px; height: 35px;}

.pageState{display: none;}
@media screen and (min-width:768px){
	.picFocus{position: relative;}
	.picFocus .hd{display: block; position: relative; width: 100%;}
}

@media screen and (min-width:1024px){
	.picFocus .bd li{ vertical-align:middle;  max-width:50%;}
	
	/*.picFocusTxt  .txt{display: none;}*/
	.pageState{ display: block; width:118px;height: 52px; line-height: 52px; background: #f8f0de; position: absolute;top: 52%;left: 50%; margin-left: -118px; z-index: 999; text-align: center;}

}

@media screen and (min-width:1366px){
	.picFocusTxt{
		position: absolute;
		width: 48%;
		right: -1%;
		top: 0;
		z-index: 99;
	}
	.picFocusTxt  .txt{
		display: block;
	}
	.pageState{
		top: 55.6%;
		left: 50%;
	}


	.picFocus2 .tempWrap{
		float: right;
	}
	.picFocus2 .bd:after{
		display: block;
		clear: both;
	}
	.picFocusTxt.picFocusTxt_02{
		position: absolute;
		width: 48%;
		/*right: 1%;*/
		left: 0%;
		top: 0;
		z-index: 99;
	}

	.pageState.pageState2{
		top: 55.6%;
		left: 100%;
	}

}

.houseBoxCon{overflow: hidden; position: relative;}
.houseBoxCon ul li .img{display: block;}
.houseBoxCon ul li .img img{width: 100%;}


.houseBoxCon .swiper-button-prev{ width: 45px;height: 44px; background: url(../images/left.png) no-repeat center; opacity: 1; }
.houseBoxCon .swiper-button-next{ width: 45px;height: 44px; background: url(../images/right.png) no-repeat center; opacity: 1;}



@media screen and (min-width:1024px){
.houseBoxCon ul li .txt{position: absolute; bottom: 0;left: 0; padding:10px 20px; background: rgba(0,0,0,.3); color: #fff; height: 126px;overflow: hidden; }

}

@media screen and (min-width:1366px){
	.houseBoxCon .swiper-button-prev,.houseBoxCon .swiper-button-next{display: block;}
}



/*房地产*/

/*服务*/
.service{}
.service ul li{ width: 90px; }

.serviceBoxTitle{text-align: left;}
.serviceBoxTitle h3{ font-size: 34px; color: #c4753b; }
.serviceBoxTitle h4{font-size: 15px; color: #333;}
.serviceBoxTitle h5{font-size: 40px; color: #d8d1c0;text-transform: uppercase; font-weight: bold;}


.serviceBoxList{}
.serviceBoxList ul{text-align: center; font-size: 0;}
.serviceBoxList ul li{margin:10px; text-align: center; display: inline-block; width: 262px;}

.serviceBoxList ul li a{display: block; }
.serviceBoxList .serviceL{display: block; width: 131px;height: 131px; float: left;}
.serviceBoxList .serviceR{display: block; position: relative; width: 131px;height: 131px; float: left; background: url(../images/siconbg.png) repeat 0 0; text-align: center;}
.serviceBoxList .serviceR .img{display: block; height: 87px; line-height: 87px;}
.serviceBoxList .serviceR .img img{vertical-align: middle;}
.serviceBoxList .serviceR h3{font-size: 15px; margin: 0; color: #fff;}
.serviceBoxList .serviceR h3 i{display: block; width: 28px;height: 1px ;background: #fff; margin: 10px auto;}
.serviceBoxList ul li a .icon{display: block; background: url(../images/siconi.png) no-repeat center; width: 8px;height: 16px; position: absolute; left: -8px; top: 50%; margin-top: -8px; }

/*.serviceBoxList ul li a:hover .serviceR{background-image: url(../images/siconbgon.png);}*/
/*.serviceBoxList ul li a:hover .icon{background-image: url(../images/siconion.png);}*/



@media screen and (min-width:1366px){
	.serviceBoxTitle{width: 393px;padding-right: 50px; text-align: right; float: left;height: 131px;overflow: hidden;}
	.serviceBoxTitle h3{margin-top: 0;}
	.serviceBoxList{float: left;}
	.serviceBoxList ul{text-align: left;}
	.serviceBoxList ul li{margin: 0;}

}



/*服务*/
/*咖啡馆*/

.Coffee{}
.Coffee ul li{width: 140px;}
.CoffeeBoxCon{overflow: hidden;position: relative;}
.CoffeeBoxCon ul li{  }
.CoffeeBoxCon ul li a{ display: block; border:1px solid #b09b70;}

.CoffeeBoxCon ul li .img{ display: block;}
.CoffeeBoxCon ul li .img img{ width: 100%;}
.CoffeeBoxCon ul li .txt{ padding:15px; }
.CoffeeBoxCon ul li .txt h3{color: #333; font-weight: bold; font-size: 16px;}
.CoffeeBoxCon ul li .txt h4{font-size: 13px; font-weight: normal; color: #666; text-transform: uppercase;}
.CoffeeBoxCon ul li .txt h4 i{display: block; width: 25px; height: 1px; background: #b09b70; margin-top: 10px;}



.CoffeeBoxCon .swiper-wrapper{padding-bottom: 60px;}
.CoffeeBoxCon .swiper-pagination{}
.CoffeeBoxCon .swiper-pagination .swiper-pagination-bullet{ width: 15px;height: 15px;  border-radius: 8px;background: #b09b70; opacity: 1; }
.CoffeeBoxCon .swiper-pagination .swiper-pagination-bullet-active{width: 50px;}


@media screen and (min-width:1366px){
	.CoffeeBoxCon ul li a{width: 100%; margin-left: -1px;}
	.CoffeeBoxCon ul li .img{width: 208px;height: 156px; float: left;}
	.CoffeeBoxCon ul li .img img{width: 100%;height: 100%;}
	.CoffeeBoxCon ul li {background: #f2ead2;}
	.CoffeeBoxCon ul li .txt{float: left; width:168px; position: relative; height: 100%;padding-top: 0;padding-bottom: 0; }
	.CoffeeBoxCon ul li i.icon{display: block; width: 11px;height: 28px; background: url(../images/coffeeicon.png) no-repeat 0 0; position: absolute; left: -10px; top: 50%;margin-top: -14px;}
}




/*咖啡馆*/

/*宣传片*/
.videoBox ul{padding-bottom: 30px;}
.videoBox ul li{margin-bottom: 20px;}
.videoBox ul li a{display: block; position: relative; }
.videoBox ul li a .img{display: block;}
.videoBox ul li a .img img{width: 100%;}
.videoBox ul li a .txt{display: block; position: absolute; background: url(../images/videobtn.png) no-repeat center; vertical-align:middle; text-align: center; width: 94%;height: 94%;border:1px solid #fff; left: 3%;top: 3%;}

.videoBox ul li a .txt h3{margin: 0; text-align: center;font-size: 16px; color: #fff; visibility: hidden;}

.videoBox ul li a:hover .txt{background: none;}
.videoBox ul li a:hover .txt h3{visibility: visible;}

@media screen and (min-width:540px){
	.videoBox ul li{width: 49%;float: left; margin-right: 2%; margin-bottom: 2%;}
	.videoBox ul li:nth-child(2n){margin-right: 0;}
}

@media screen and (min-width:768px){
	.videoBox ul li{width:32%;}
	.videoBox ul li:nth-child(2n){margin-right: 2%;}
	.videoBox ul li:nth-child(3n){margin-right: 0%;}
}

@media screen and (min-width:1024px){
	.videoBox ul li{width: 49%;float: left; margin-right: 2%; margin-bottom: 2%;}	
	.videoBox ul li:nth-child(3n){margin-right: 2%;}
	.videoBox ul li:nth-child(2n){margin-right: 0;}
}

@media screen and (min-width:1366px){
	.videoBox ul li{width:32%;}
	.videoBox ul li:nth-child(2n){margin-right: 2%;}
	.videoBox ul li:nth-child(3n){margin-right: 0%;}
}


/*宣传片*/

/*弹出层样式*/

	.Mask{position: fixed; display: none; background:rgba(0,0,0,.8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);left: 0; top: 0; z-index: 9999;}
	.Mask .MaskBox{z-index: 999; max-width: 630px;margin:0px auto;position: relative;  /*这个高度可以去掉如果不去掉。会导致弹出层看的像不是垂直居中*/}
	.Mask .MaskBox video{width: 100%;max-width: 100%;}
	.Mask .MaskBox a.MaskClore{ display: block;width: 40px; height: 40px;position: absolute;right: 0;top:0px;text-align: center; background: url(../images/colse.jpg) no-repeat center;}
/*弹出层样式*/

/*vip预约*/
.vipBoxCon{}
.vipBoxCon form ul li{border:1px solid #c3a66b; padding:6px 18px; height: 36px; margin-bottom: 20px; position: relative;}
.vipBoxCon form ul li .spanred{ height: 100%; line-height: 36px;text-align: center; color: #ac1e28; position: absolute; top: 0;right: 10px; }
.vipBoxCon form ul li input{width: 98%;height: 24px;}
.vipBoxCon form ul li.last{height: auto;}
.vipBoxCon form ul li textarea{height: 150px; width: 100%;}
.vipBoxCon a.FormA{display: block; width: 150px;height: 40px;background: #9d8554;  text-align: center; line-height: 40px; color: #fff;font-size: 16px; margin: 0 auto 20px;}

.vipBoxR{text-align: center;}

@media screen and (min-width:768px){
	.vipBoxR{float: right; width: 48%;}
	.vipBoxL{float: left; width: 50%;}
}

@media screen and (min-width:1366px){
	.vipBoxR{float: right; width: 42%; border:1px solid #c3a66b;position: relative; top:10px; left: 10px;}
	.vipBoxR img{ position: relative;left: -10px;top: -10px;}
	.vipBoxCon form ul li textarea{height: 160px;}
	.vipBoxCon form ul li.last{margin-bottom: 40px;}
	.vipBoxCon a.FormA{margin: 0;}
}

/*vip预约*/
/*联系我们*/
.usBox{}
.usBox .map{ width: 100%;height: 400px; }
#map{width: 100%;height: 100%;border:1px solid #e5d6b7;}
.map label.BMapLabel{max-width: none;}

.usTxt{border:1px solid #e5d6b7;padding: 15px; background: #f2ead2; margin-bottom: 20px; font-size: 15px;}
.usTxt .usTxtH3{ font-size: 16px;color: #9d8554;font-weight: bold; }
.usTxt .usTxtH3 i{display: block; width: 24px;height: 1px;background:#9d8554; margin-top:14px }
.usTxt .add{font-size: 15px; border-bottom: 1px solid #9d8554; padding-bottom: 10px; padding-left: 47px; position: relative;}
.usTxt .add .addTitle{ position: absolute; left: 0px;top: 0px; }
.addBox ul li{line-height: 36px;}
.addBox ul li .img{padding-right: 8px; display: inline-block; height: 36px; line-height: 36px;}
.addBox ul li .img img{vertical-align: middle;}

@media screen and (min-width:1366px){
	.usBox .map{height: 480px; float: left; width: 58%;}
	.usBox .usTxt{height: 480px; float: right; width: 40%; padding:15px  30px; margin-bottom: 0;}
.MainBoxTxt	.usRBox{width: 88%;}
}
/*联系我们*/

/*登录*/
.loginBox{border:1px solid #e2d1ae; background: #f2ead2; padding:30px 15px;  font-size: 15px;}

.useTitle{font-size: 18px; color: #9d8554; text-align: center; font-weight: normal; margin-bottom: 24px;}
.loginBox ul{max-width: 407px;margin: 0 auto;}
.loginBox ul li{line-height: 35px;margin-bottom: 20px; position: relative; }
.loginBox ul li .useL{ width: 75px; text-align: right; float: left;margin-right: 10px;}
.loginBox ul li .useR{width: 67%;float: left; border:1px solid #e2d1ae;position: relative;}
.loginBox ul li .useR input{width: 100%;padding:0 15px; line-height: 22px;}
.loginBox  a.FormA{display:block; width: 150px;height: 40px;background: #9d8554;  text-align: center; line-height: 40px; color: #fff;font-size: 16px; margin: 0 auto 20px;}
.loginBox  a.FormA1{display: inline-block; width: 150px;height: 40px;background: #9d8554;  text-align: center; line-height: 40px; color: #fff;font-size: 16px; margin: 0 auto 20px;}
.loginBox  a.stui{display: inline-block; width: 150px;height: 40px;background: #9d8554;  text-align: center; line-height: 40px; color: #fff;font-size: 16px; margin: 0 auto 20px;margin-left: 10px;}
.loginBox .Bt_box{text-align: center;}

.loginBox ul li .xg{display: block; width:30px;height: 35px; background: url(../images/usexg.png) no-repeat center;  position: absolute; right: 0;top: 0;}
.loginBox ul li .spancolor{position: absolute; right: 0;top:0; color: #333;}


@media screen and (min-width:540px){
.loginBox ul li .useR{width: 79%;}
}

/*登录*/

/*个人信息*/
.reportWrap{ border-radius: 5px; height: 420px; background: #b09b70; max-width: 230px; margin: 0 auto;}
.reportWrap .reportCon{ width: 230px;height: 410px;padding-top: 18px; position: relative; left:5px;top: 5px;border-radius: 5px; background: #fff; }

.useSearchBox{width: 190px; background:#b09b70; border-radius: 5px; height: 35px; margin: 0 auto 20px;}
.useSearchBox input{width: 100%; line-height: 35px;padding: 0 15px; color: #fff;}

.useInfoBox{width: 100%;height: 330px;}

@media screen and (max-width:768px){
	.useInfoBox{overflow-y: auto;}
}
.useInfoBox ul li{border-bottom: 1px solid #e8e8e8;}
.useInfoBox ul li .usenameA{font-size: 15px; display:block; height: 35px; color: #333;line-height: 35px;padding-left: 20px; background: url(../images/usenamebgon.png) no-repeat 95% center; cursor: pointer; margin: 0; height:  }
.useInfoBox ul li a.on{background-image: url(../images/usenamebg.png);}

.useInfoBox ul li dl{border-top: 1px solid #e8e8e8;padding-left: 20px; display: none;}
.useInfoBox ul li dl a{display: block; width: 100%;height: 35px; line-height: 35px; border-top: 1px dashed #dfdfdf; background: url(../images/usenamebga.png) no-repeat 0 center; padding-left: 20px; color: #555;}
.useInfoBox ul li dl a.last{border-top: none;}

.useInfoBox ul li dl a:hover,.useInfoBox ul li dl.show a{color:#b09b70;}

.reportR{padding: 15px; border-radius: 5px; background: #f2ead2; margin-top: 20px; border:1px solid #e3d3b1;}
.reportR ul li{margin-bottom: 20px;}
.reportR .reportConL{width: 75px; margin-right: 10px;text-align: right; line-height: 35px; float: left;}
.reportR .reportConR{width: 67%;float: right;line-height: 35px; border:1px solid #c3a66b;}
.reportR .reportConR input{width: 100%; padding:0 10px;}
.reportR .reportConR  textarea{width: 100%;padding:0 10px;}

.reportR .reportRA{display: block; width: 150px;height: 40px;background: #9d8554;  text-align: center; line-height: 40px; color: #fff;font-size: 16px; margin: 0 auto 20px;}

.reportRInfo .reportConR {border: none;}




/*个人信息*/

/*历史记录*/

.reportHistory{ margin-top: 30px; }
.reportHistory ul li{margin-bottom: 20px;}
.reportHistory ul li a{ display: block;line-height: 35px;border:1px solid #e3d3b0; background: #f2ead2;color: #333; padding:0 15px;overflow: hidden;text-overflow: ellipsis; white-space:nowrap }






@media screen and (min-width:540px){
	.reportR .reportConR{width: 82%;}
}

@media screen and (min-width:640px){
.reportWrap{float: left; width: 240px;}
	.reportR{float: right;width: 60%; margin-top: 0; height: 420px;}
	.reportR .reportConR{width: 72%;}
	.reportHistory{float: right; width: 60%; margin-top: 0;}

}

@media screen and (min-width:768px){
	.reportR{width: 65%;}
	.reportR .reportConR{width: 77%;}
}

@media screen and (min-width:1024px){
	.reportWrap{float: none; width:100%;}
	.reportR{width: 100%;float: none; margin-top: 30px;}
	.reportHistory{float: none; width: 100%; margin-top: 30px;}
}


@media screen and (min-width:1200px){
	.reportWrap{float: left; width: 240px;}
	.reportR{float: right;width: 52%; margin-top: 0; height: 420px;}
	.reportR .reportConR{width: 65%;}
	.reportHistory{float: right; width:52%; margin-top: 0px;}
	.reportHistory .PageBox .Pages .num a{display: none;}
	.reportHistory .PageBox .Pages a{padding:8px;}
	.reportHistory .PageBox{padding-top: 30px;}

}

@media screen and (min-width:1366px){
	.reportR{width: 65%; padding:45px 30px;}
	.reportR .reportConR{width: 81%;}
	.reportHistory{width: 65%;}
	.reportHistory .PageBox .Pages .num a{display:inline-block;}
	.reportHistory .PageBox .Pages a{padding:8px 15px;}

}


/*历史记录*/