body { background:#fff; }
.indexwarp { width:1220px; margin:0 auto; }



/*头部开始+++++++++++++++++++++++++++++++++++*/
.topwrap { 
	width:100%;
	height:132px;
 }
.top_lo_wrap {
	width:1200px; 
	height:132px; 
	margin:0 auto;}
.top_logo { 
	width:252px; 
	float:left; 
	padding-top:32px;}
.top_name{
	width: 457px;
	height: 53px;
	float: left;
	margin-top: 40px;
    border-left: 1px solid #999;
}
.top_name h1{
	font-size: 20px;
	color: #2c857f;
	padding-left: 20px;
}
.top_name p{
	padding-top:5px;
	font-size: 16px;
	padding-left: 20px;
	color: #777;
}
.top_contact { 
	
	min-width:235px;
	height: 60px; 
	float:right; 
	margin-top: 35px;	
}

/*头部结束+++++++++++++++++++++++++++++++++++*/

/*导航开始+++++++++++++++++++++++++++++++++++*/
.navwarp { 
	width:100%; 
	height:53px; 
	background:#185655; 
	
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#nav { 
	width:1200px; 
	margin:0 auto; 
}
.nav{ 
	padding:0 20px; 
	height:53px; 
	line-height:53px; 	
	position:relative; z-index:1;  
}
.nav a{ 
	color:#fff;  
}
.nav .nLi{ 
	float:left;  
	position:relative; 
	display:inline;  
}
.nav .nLi h3{ 
	float:left;  
}
.nav .nLi h3 a{ 
	display:block; 
	padding:0 22px; 
	font-size:16px; 
	text-decoration:none;   
}
.nav .sub{ 
	border-radius: 0 0 5px 5px;/*圆角*/
	box-shadow: 2px 2px 3px #888;/*阴影*/
	display:none; 
	width:170px; 
	left:0; 
	top:53px;  
	position:absolute; 
	background: rgba(255, 255, 255, 0.8);
	text-align:center;  
	line-height:26px; 
}
.nav .sub li{ 
	zoom:1; 
}
.nav .sub a{ 
	text-decoration: none;
	display:block; 	
	font-size:16px; 
	color: #333;
	line-height: 45px;
}
.nav .sub a:hover{ 
	background:#ededed; 
    color: #185655;
}
.nav .on h3 a{ 
	background:#2c857f; 
	color:#fff;   	
}
/*导航结束++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*滚动banner图开始++++++++++++++++++++++++++++++++++++++++++++++++++*/
.fullSlide{ 
	width:100%;  
	position:relative;  
	height:481px; 
	background:#ccc;  
}
.fullSlide .bd{ 
	margin:0 auto; 
	position:relative; 
	z-index:0; 
	overflow:hidden;  
}
.fullSlide .bd ul{ 
	width:100% !important;  
}
.fullSlide .bd li{ 
	width:100% !important;  
	height:481px; 
	overflow:hidden; 
	text-align:center;  
}
	
/*左右图标*/	
.prev,.next { 
	width:40px; 
	height:102px; 
	position:absolute; 
	top:190px; 
	z-index:3; filter:alpha(opacity=20); -moz-opacity:.4; 
	opacity:.4; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease
}
.prev { 
	background-image:url(../images/index.png); 
	background-position:-118px 0; 
	left:0 
}
.next { 
	background-image:url(../images/index.png); 
	background-position:-158px 0; 
	right:0 
}
.prev:hover,.next:hover { filter:alpha(opacity=60); -moz-opacity:.8; opacity:.8 }


.fullSlide .hd{ 
	width:100%;  
	position:absolute; 
	z-index:1; 
	bottom:0; 
	left:0; 
	height:40px; 
	line-height:30px; 
	/*background:url(../images/touming.png) repeat-x; */
	text-align:center;
		 _background:#000; _filter:alpha(opacity=60); 
	}
.fullSlide .hd ul{ 
	text-align:center;  
	padding-top:5px;  
}
.fullSlide .hd ul li{ 
	cursor:pointer; 
	display:inline-block; 
	*display:inline; zoom:1; 
	width:11px; 
	height:11px; 
	margin:10px; 
	background:url(../images/tg_flash_p.png) -28px 0; 
	overflow:hidden; 
		line-height:9999px; 
	}
	.fullSlide .hd ul .on{ background-position:0 0; }

/*滚动banner图 结束++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* 热销产品 */
.rxcp_warp{
  width: 1200px;
  height: 770px;
  overflow: hidden;
  margin: 0 auto;
}
.rxcp_warp ul{
  display: block;
  width: 1251px;
  height: 570px;
  margin-left: -51px;
  margin-bottom: 20px;
}
.rxcp_warp li{
  width: 366px;
  height: 270px;
  float: left;
  margin-left: 51px; 
  margin-bottom: 30px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.rxcp_warp li img{
  width: 366px;
  height: 260px;
  transition: transform 0.3s ease;
  margin-top: 10px;
}
.rxcp_warp li:hover img { transform: scale(1.03);}

.rxcp_warp li span {
  display: block;
  width: 38px;
  height: 44px;
  left: 10px;
  top: 0;
  position: absolute;
  z-index: 1;
  background: url(../images/zj_top.png) no-repeat;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 38px;
  transition: all 0.3s ease;
}
.rxcp_warp li a:hover span { top:17px}
.rxcp_warp li p{  
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 350px;
  height: 45px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.5);  
  text-align: center;
  font-size: 15px;  
  line-height: 40px;  
  overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color: #fff;
}
.rxcp_warp li:hover p{
  background-color: #185655;   
}





/*第一层 简介 开始++++++++++++++++++++++++++++++++++++++++++++*/
.jj_wrap {
	width:1200px; 	
	height:498px; 
	margin: 0 auto;
}
.left_us{
	margin-top: 75px;
	float: left;
	width: 571px;
	height: 348px;
}
.right_us{
	margin-top: 75px;
	width: 571px;
	height: 348px;
	float:right;
}
.right_us h1{
	font-size: 30px;
	color: #444;
}
.right_us h1 span{
	color: #2c857f;
}
.right_us h5{
	font-size: 14px;
	color: #a3a3a3;
	line-height: 35px;
}
.right_us p{
	text-align: justify;
    text-justify: inter-ideograph;
	font-size: 18px;
	color: #444;
	line-height: 35px;
	margin: 10px auto;
}
/*第一层 山庄简介 结束++++++++++++++++++++++++++++++++++++++++++++*/
.more {
	display: block;
	width: 190px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	text-decoration:none;
	color: #666;
	font-size: 15px;
	border:1px solid #a0a0a0; 	
}
.more:hover{
	background: #2c857f;
	color: #fff;
	border:1px solid #2c857f; 
}

/*第二层 产品介绍 开始++++++++++++++++++++++++++++++++++++++++++*/
.cpjs_warp{
	background: #ededed;
	width: 100%;
	height: 490px;
  overflow: hidden;
}
.index_title{
	width: 1200px;
	height: 100px;
	margin:0 auto;
	padding-top: 47px;
}
.index_title h2{
	font-size: 32px;
	color: #777;
	font-weight:600;
	text-align: center;
}
.index_title p{
	font-size: 14px;
	line-height: 39px;
	color: #888;
	text-align: center;
}
.lvse{
	background: #2c857f;
	width: 82px;
	height: 4px;
	margin:0 auto;
}

/*产品中心滚动图*/
.scrollBox{
	width:1290px;			
	position:relative;
	margin:0 auto;

}
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{
	overflow:hidden; 
	position:relative;
	width:1200px;
	height: 295px;
	left:45px}

.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{
	float:left; 
	display:inline; 
	width:366px;
	height: 262px;	
	margin-right:54px;	
  position: relative;
  z-index: 0;
}
.piclist img{
	width: 364px;
	height: 260px;
	border:1px solid #ccc; 
}
.piclist li :hover img{	
	border:1px solid #2c857f; 
}

.piclist li span{
	display: block;
	width:366px;
	height:36px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
	font-size: 16px;	
	line-height:36px;
	/* border:1px solid #185655;   */
	color: #fff;
	text-align: center;
	line-height: 36px;
}
.piclist li :hover span{
   background: #185655;
}

/*产品中心左右箭头*/
.scrollBox .pageBtn span{ background:url(../images/zuoyou.png) no-repeat; 
	display:block;width:36px;height:100px;position:absolute;top:90px;
	cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{/*left:11px;*/background-position:-135px -0px ;}
.scrollBox .pageBtn .next{/*right:11px;*/background-position:-167px -0px ;}
/*第二层 产品介绍 结束++++++++++++++++++++++++++++++++++++++++++*/
/*售后*/
.shouhou{
	width: 100%;
	height: 191px;
	background:url(../images/shouhou.png) no-repeat center; 
}

/*第四层 新闻 开始++++++++++++++++++++++++++++++++++++++++++*/
.news_warp{
	width: 1200px;
	height: 430px;
	margin:0 auto;
}
.new_left{
	background:url(../images/news.png) no-repeat center; 
	width: 287px;
	height: 331px;
	float: left;
	margin-top: 40px;
}
.new_left a{
	display: block;
	width: 102px;
	height: 28px;
	background: #ededed;
	color: #185655;
	text-align: center;
	line-height: 26px;
	float: right;
	margin:223px 46px 0 0;
}
.new_left a:hover{
	background: #fff;
}
.new_right{
	margin-top: 40px;
	width: 913px;
	height: 331px;
	float: left;
}
.new_right li{
	width: 412px;
	height: 98px;
	float: left;
	border-bottom:1px solid #e6e6e6;
	margin:11px 0 0 44px;
  position: relative;	
}

.new_right li::after{  
  content:'';
			display:block;
			/*开始时候下划线的宽度为0*/
			width:0;
			height:1px;
			position:absolute;
			left:0;
			bottom:0;
			background:#2c857f; 
			/*这里我们设定所有改变都有动画效果，可以自己指定样式才有动画效果*/
			transition:all 0.3s ease-in-out;  
}
.new_right  li:hover::after{
  width:100%;
}
.rq{
	width: 81px;
	height: 81px;
	float: left;
	background: #e3e5e8;
	color: #747474;
	text-align: center;
}
.rq h3{
	font-size: 30px;
	margin-top: 11px;
}
.rq h4{
	font-size: 13px;
}
.new_right a{
	width: 309px;
	height: 70px;
	float: left;
	color: #444;
	margin: 5px 0 0 22px;
}
.new_right a:hover{
	color: #2c857f;
}
.new_right h2{
	font-size: 18px;
	overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
		
}
.new_right p{
	font-size: 12px;
	color: #999;
	line-height: 20px;
	margin-top: 10px;
}
/*新闻结束++++++++++++++++*/

/*租赁开始+++++++++++++++*/
.zulin_warp{
	width: 100%;
	height: 397px;
	background:url(../images/zulin.jpg) no-repeat center; 
}
.zulin{
	width: 1200px;
	height: 397px;
	margin:0 auto;
}
.zulin a{
	width: 123px;
	height: 67px;
	float: right;
	margin:246px 26px 0 0;
	background: #d4dedd;
	border-radius: 5px;
}
.zulin a:hover{
	background: #fff;
}
.zulin img{
	margin:7px 0 0 10px; 
}
/*租赁结束++++++++++*/
/*底部++++++++++++*/
.bottom{
	width: 100%;
	height: 210px;
	background: #185655;
}
.link{
	width: 1200px;
	height: 47px;
	margin:0 auto;
	background: #2c857f;
}
.link p{
	line-height: 47px;
	margin-left: 25px;
	font-size: 20px;
	color: #fff;
}
.link a{
	font-size: 14px;
	color: #fff;
}
.foot{
	width: 1200px;
	height: 117px;
	margin:0 auto;
	padding-top: 30px;
}
.foot_left{
	width: 230px;
	height: 60px;
	float: left;
	padding-top: 28px;
}
.foot_left img{ width:100%; }
.foot_center{
	width: 520px;
	height: 60px;
	float: left;
	padding: 30px 0 0 30px;
}
.cu{
	font-size: 15px;
	color: #fff;
}
.foot_center p{
	margin-top: 5px;
	font-size: 14px;
	color: #fff;
}
.foot_right{
	width: 420px;
	height: 117px;
	float: left;
	/*margin-left: 30px;*/
}
.ewm{
    width: 87px;
	float: left;
	margin-left: 17px;
	text-align: center;
	color: #fff;
}
.ewm img{ width:100%; }
.jszc{
	width: 100%;
	height: 50px;
	background: #292828;
}
.jszc p{
	text-align: center;
	line-height: 50px;
	color: #ccc;
}
/*底部结束++++++++++++++++++++++++++++++++*/