﻿.gylb_box{
	width: 100%;
	position: relative;
	padding-bottom: 40px;
	overflow: hidden;

}
.gylb_box ul{
	width: 1020px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.gylb_box ul li{
   width: 320px;
   height: 255px;
   border-radius: 8px;
   position: relative;
   float: left;
   overflow: hidden;
   margin: 0 10px;
    margin-bottom: 18px;
}
.gylb_box ul .da{
	width: 660px;
	height: 528px;
}
/* .gylb_box ul .da .db{
	width: 640px;
} */
.gylb_box ul li i{
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url('../images/zbj.png') no-repeat bottom;
	background-size: 100% auto;
}
.gylb_box ul li .img{
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.gylb_box ul li .db{
	width: 300px;
	position: absolute;
	bottom: 26px;
	left: 0;
	padding-left: 20px;
	z-index: 1;
	

}
.gylb_box ul li .db h2{
	font-size: 20px;
	width: 100%;
	color: #fff;
	margin-bottom: 8px;
}
.gylb_box ul li .db h4{
	width: 50px;
	height: 18px;
	font-size: 12px;
	background: #fff;
	text-align: center;
	line-height: 18px;
	border-radius: 2px;
	margin-top: 15px;
	color: #000;
}
.gylb_box ul li .db p{
	font-size: 14px;
	width: 100%;
	color: #fff;
	opacity: 0.8;
}
.gylb_box ul li .db .ckxq{
	width: 100%;
	font-size: 14px;
	color: #fff;
	opacity: 0.8;
	margin-top: 20px;
	display: none;
}
.gylb_box ul li .db .ckxq img{
	position: relative;
	top: 2px;
}
.gylb_box ul li:hover .ckxq{
	display: block;
}
.gylb_box ul li:hover i{
	background: #000;
	display: block;
}

.gylb_box  .zkqb_box{
	width: 320px;
    height: 255px;
    position: absolute;
    right: 10px;
    bottom: 18px;
    border-radius: 2px;
    background: #fff;
    z-index: 2;
 
}
.gylb_box  .zkqb_box p{
	text-align: center;
	font-size: 18px;
	color: #000;
	margin-top: 95px;

}
.gylb_box  .zkqb_box .zkqb{
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	margin: 0 auto;
	border: 1px solid #999999;
	border-radius: 5px;
	margin-top: 40px;
	cursor: pointer;
}
.gylb_box  .zkqb_box .zkqb img{
	position: relative;
	top: -3px;
}

.zjsd_box{
	background: #F6F6F6;

}
.gylb_box h3{
	font-size: 30px;
	text-align: center;
	color: #000;
	margin-bottom: 60px;
	padding-top: 65px;
}

.xq_box{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 65px;
	font-size: 14px;
	line-height: 24px;
}
.xq_box img{
	width: 100%;
}
.xq_jzgd{
	background: #F3F3F3;
	padding-top: 65px;
	padding-bottom: 100px;
}
.xq_jzgd h3{
	font-size: 30px;
	text-align: center;
	margin-bottom: 60px;

}
.xq_jzgd ul{
	width: 1020px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.xq_jzgd ul li{
   width: 494px;
   height: 370px;
   border-radius: 8px;
   position: relative;
   float: left;
   overflow: hidden;
   margin: 0 6px;
    margin-bottom: 18px;
}
.xq_jzgd ul li i{
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url('../images/zbj.png') no-repeat bottom;
	background-size: 100% auto;
}
.xq_jzgd ul li .img{
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.xq_jzgd ul li .db{
	width: 300px;
	position: absolute;
	bottom: 26px;
	left: 0;
	padding-left: 20px;
	z-index: 1;
	

}
.xq_jzgd ul li .db h2{
	font-size: 20px;
	width: 100%;
	color: #fff;
	margin-bottom: 8px;
}
.xq_jzgd ul li .db h4{
	width: 50px;
	height: 18px;
	font-size: 12px;
	background: #fff;
	text-align: center;
	line-height: 18px;
	border-radius: 2px;
	margin-top: 15px;
	color: #000;
}
.xq_jzgd ul li .db p{
	font-size: 14px;
	width: 100%;
	color: #fff;
	opacity: 0.8;
}
.xq_jzgd ul li .db .ckxq{
	width: 100%;
	font-size: 14px;
	color: #fff;
	opacity: 0.8;
	margin-top: 20px;
	display: none;
}
.xq_jzgd ul li .db .ckxq img{
	position: relative;
	top: 2px;
}
.xq_jzgd ul li:hover .ckxq{
	display: block;
}
.xq_jzgd ul li:hover i{
	display: block;
	background: #000;
}
.xq_ljyy{
  width: 170px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #3E8A3A;
  border-radius: 4px;
  margin: 0 auto;
  font-size: 16px;
  margin-bottom: 65px;
}
.xq_ljyy a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
}

/* 度假云丘山 */
.djyqs_box ul li{
	width: 490px;
	height: 392px;
}


.yqsj_box{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 65px;
	overflow: hidden;
}
.yqsj_box .left{
	width: 490px;
	height: 392px;
	float: left;
	border-radius: 5px;
}
.yqsj_box .left img{
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.yqsj_box .right{
	width: 450px;
	height: 392px;
	float: right;
}
.yqsj_box .right h2{
	color: #339933;
	font-size: 20px;
	padding-top: 70px;
}
.yqsj_box .right p{
	font-size: 14px;
	line-height: 28px;
	color: #000;
	margin-top: 35px;
	opacity: 0.8;
}
.yqsj_box .right .ckxq{
	width: 163px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	border: 1px solid #A1A1A1;
	font-size: 14px;
	border-radius: 4px;
	margin-top: 60px;
	display: block;
	color: #000;
	text-decoration: none;
}


.yqsj_box .right .ckxq:hover{
	color: #fff;
	
	background: #339933;
	border: 1px solid #339933;
}
.yqsj_box .right .xiugai{
	border: none;
	text-align: left;
}
.yqsj_box .right .xiugai:hover{
	color: #339933;
	background: none;
	border:none;
}
.zj_jz{
	display: block;
	margin: 0 auto;
}

/* 云丘公益 */

.zj_yqgybox{
	width: 1015px;
	margin: 0 auto;
	height: 505px;
	margin-bottom: 65px;
}

.zj_yqgybox ul{
	
}

.zj_yqgybox ul li{
	width: 328px;
	height: 480px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 5px 35px 1px #ccc;
	overflow: hidden;
	float: left;
	margin: 0 5px;
	padding-bottom: 25px;
}
.zj_yqgybox ul li .top{
	width: 100%;
	height: 214px;

}
.zj_yqgybox ul li .top img{
	width: 100%;
	height: 100%;
}
.zj_yqgybox ul li h4{
	font-size: 18px;
	text-align: center;
	color: #000;
	margin: 25px 0;
}
.zj_yqgybox ul li p{
	width: 275px;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	color: #000;
	opacity: 0.8;
}

.yqgy_scsxbox{
	width: 100%;
	height: 460px;
	background: #F3F3F3;
	padding-top: 90px;
}
.yqgy_scsxbox .gylb_box ul li .db{
   width: 460px;
}

.yqgy_xypxbox{
	width: 1000px;
	height: 580px;
	margin: 0 auto;
	padding-top: 90px;
}
.yqgy_xypxbox ul{
	width: 954px;
	margin: 0 auto;
	height: 425px;
}
.yqgy_xypxbox ul li{
	width: 456px;
	height: 425px;
	background: #fff;
	box-shadow: 0px 5px 35px 1px #ccc;
	border-radius: 10px;
	float: left;
	text-align: center;
	margin: 0 10px;
}
.yqgy_xypxbox ul li h3{
	font-size: 20px;
	color:#339933;

}
.yqgy_xypxbox ul li i{
	width: 28px;
	background: #D6D6D6;
	height: 1px;
	display: block;
	margin: 25px auto;

}
.yqgy_xypxbox ul li p{
	font-size: 14px;
	color: #000;
	opacity: 0.8;
	width: 277px;
	margin: 0 auto;
	line-height: 28px;
}
.yqgy_xypxbox ul li .ckxq{
	width: 120px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #A1A1A1;
	font-size: 14px;
	border-radius: 4px;
	margin-top: 60px;
	display: block;
	color: #000;
	margin: 0 auto;
	text-decoration: none;
	margin-top: 45px;
}
.yqgy_xypxbox ul li .ckxq:hover{
	color: #fff;
	background: #339933;
	border: 1px solid #339933;
}
.yqgy_xypxbox ul li img{
	display: block;
	margin: 0 auto;
	margin-top: 90px;
	margin-bottom: 10px;
}

.yqgy_sshjbox{
	width: 100%;
	height: 670px;
	background: #F3F3F3;

}
.yqgy_sshjbox h3{
	font-size: 30px;
    color: #000;
    text-align: center;
    padding-top: 84px;
    margin-bottom: 65px;
    height: 30px;
}
.yqgy_sshjbox .yqsj_box .right h2{
      padding-top: 50px;
      margin-bottom: 35px;
}
.yqgy_sshjbox .yqsj_box .right p{
	margin-top: 25px;
}
.yqgy_sshjbox .yqsj_box .right .ckxq{
	margin-top: 50px;
}
.jcyqs_fwjs{
	width: 100%;
	height: 670px;
	background: #fff;
}
.jcyqs_fwjs h3{
	font-size: 30px;
    color: #000;
    text-align: center;
    padding-top: 84px;
    margin-bottom: 65px;
    height: 30px;
}
.jcyqs_fwjs .yqsj_box .right p{
	margin-top: 90px;
}

/* 商务会展详情 */
.swhzxq_box{
	width: 1020px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.swhzxq_box ul{
	overflow: hidden;
}
.swhzxq_box ul li{
  width: 490px;
  height: 108px;
  float: left;
  box-shadow: 0px 5px 5px 1px #ccc;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 10px;
    margin-bottom: 15px;
}
.swhzxq_box ul li .left{
	width: 135px;
	height: 100%;
	float: left;
	background: #EEEEEE;

}
.swhzxq_box ul li .left p{
	text-align: center;
	color: #339933;
	font-size: 16px;
}
.swhzxq_box ul li .left img{
	display: block;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 6px;
}
.swhzxq_box ul li .right{
	width: 317px;
	font-size: 14px;
	line-height: 28px;
	float: right;
	padding-top: 45px;
}
.swhzxqnr_box{
	width: 1000px;
	margin: 0 auto;
	margin-top: 50px;
}
.swhzxqnr_box img{
	width: 100%;
}

.yqyxy_box  .right h2{
	padding-top: 30px;
}
.yqyxy_box .right .ckxq{
	margin-top: 45px;
}
.yqyxy_box .right p{
	margin-top: 28px;
}
.xjyq_lbbxo{
	width: 100%;
	padding-bottom: 75px;
}
.xjyq_box{
	width: 1000px;
	height: 530px;
	margin: 0 auto;
}
.xjyq_lbbxo h3{
	font-size: 30px;
    text-align: center;
    color: #000;
    margin-bottom: 60px;
    padding-top: 65px;
}
.xjyq_lbbxo .js{
	width: 1000px;
  margin: 0 auto;
  display: block;
  font-size: 14px;
  line-height: 24px;
  opacity: 0.8;
  margin-top: 40px;
  

}
.xjyq_box .swiper-container{
	width: 100%;
	height: 100%;
}
.xjyq_box .swiper-container .swiper-slide{
	width: 100%;
	height: 100%;
}
.xjyq_box .swiper-container .swiper-slide img{
	width: 100%;
	height: 100%;
	border-radius: 12px;
}
.xjyq_box .swiper-pagination-fraction{
  color: #fff;
  text-align: right;
  font-size: 40px;
  height: 50px;
}
.xjyq_lbbxo .swiper-container-horizontal>.swiper-pagination-bullets,.xjyq_lbbxo .swiper-pagination-custom, .swiper-pagination-fraction{
   bottom: 20px;
}
.xjyq_lbbxo .swiper-pagination-bullet {
    width: 5px;
    height: 6px;
    background: #fff;
    opacity: 1;
 }
.xjyq_lbbxo .swiper-pagination-bullet-active {
    width: 17px;
    height: 18px;
    background: url(../images/dian.png) no-repeat center center;
    position: relative;
    top: 6px;
 }
.xjyq_lbbxo .swiper-button-next.swiper-button-disabled,.xjyq_lbbxo .swiper-button-prev.swiper-button-disabled{
  opacity: 1;
}
 .xjyq_lbbxo .swiper-button-next, .xjyq_lbbxo .swiper-button-prev{
 	width: 16px;
 	height: 26px;
 }
 .xjyq_lbbxo .swiper-button-next, .xjyq_lbbxo .swiper-container-rtl .swiper-button-prev{
 	background: url('../images/hright.png')
 }
.xjyq_lbbxo .swiper-button-prev, .xjyq_lbbxo .swiper-container-rtl .swiper-button-next{
	background: url('../images/hleft.png')
}
 .xjyq_lbbxo .swiper-button-next:hover{
 	background: url('../images/right.png')
 }
 .xjyq_lbbxo .swiper-button-prev:hover{
	background: url('../images/left.png')
}
.xjyq_box .swiper-pagination-fraction .swiper-pagination-current{
	font-size: 18px;
	position: relative;
    top: -10px;
    left: 7px;
}
.xjyq_box .swiper-pagination-fraction .swiper-pagination-total{
	font-size: 18px;
	position: relative;
    top: 3px;
    left: -10px;
}
.ljyuyue{
	display: block;
	width: 170px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #3E8A3A;
    border-radius: 4px;
  /*   margin: 0 auto; */
    font-size: 16px;
    margin-top: 75px;
}
.xjyq_lbbxo .ljyuyue{
	display: block;
	width: 170px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #3E8A3A;
    border-radius: 4px;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 75px;
}

.yddy_box{
	background: #F6F6F6;
}
.yskjjd{
	background: #F6F6F6;
}

.yqsgk_box{
	width:1000px;
	margin: 0 auto;
}
.yqsgk_box h4{
	font-size: 24px;
	line-height: 30px;
	color: #339933;
	margin-bottom: 45px;
}
.yqsgk_box h4 i{
	display: inline-block;
	width: 80px;
	height: 1px;
	background: #ccc;
	margin-right: 20px;
	position: relative;
	top: -8px;
}
.yqsgk_box h3{
	font-size: 18px;
	color: #000;
	opacity: 0.9;
	margin-bottom: 25px;

}
.yqsgk_box p{
	font-size: 14px;
	color: #000;
	opacity: 0.8;
	line-height: 28px;
	margin-bottom: 25px;
	    text-align: justify;
}
.yqsgk_box .bj{
	display: inline-block;
	height: 30px;
	background: #F3F3F3;
	line-height: 30px;
	border-left: 4px  solid #cccccc;
	font-size: 14px;
	margin-bottom: 13px;
	padding-left: 15px;
}
.yqsgk_box .xian{
	width: 100%;
	border-top: 1px dashed #ccc;

}
.yqsgk_box .kuang{
	width:998px;
	overflow: hidden;
	border:1px solid #000;
	border-radius: 6px;
	font-size: 14px;
}
.yqsgk_box .kuang li{
	height:66px;
	width:100%;
	border-bottom: 1px solid #ccc;
	line-height: 66px;
	margin:0;
	    border-radius: 0;
}
.yqsgk_box .kuang li span{
	display: inline-block;;
	width:178px;
	background: #F8F8F8;
	height:100%;
	text-align: center;
	    float: left;
	    border-right: 1px solid #ccc;

}
.yqsgk_box .kuang li p{
	display: inline-block;
	width:760px;
	padding-left: 20px;
	margin:0;
	height:100%;
}

/*网分页样式*/
.m-page {
	clear: both;
	margin: 20px auto 20px auto;
	padding-top: 10px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
}
.m-page ul li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 6px 15px;
	margin: 0 1px;
	line-height: 24px;
	background: #fff;
	color: #999;
	border-radius: 2px
}
.m-page ul li:hover {
	background: #339933;
	color: #fff;
	border: 1px solid #339933;
}
.m-page ul li:hover a {
	color: #fff;
}
.m-page ul li.thisclass {
	display: inline-block;
	border: 1px solid #339933;
	padding: 6px 15px;
	margin: 0 1px;
	background: #339933;
	color: #fff;
}
.m-page ul li.thisclass a {
	color: #fff;
}
.m-page ul li a {
	display: block;
	color: #999
}
.m-page ul li a:hover {
	color: #fff;
}