body{overflow: hidden; position:relative;overflow-y:auto;}
@media screen and (max-width: 1199px) {
	body{overflow-x: auto;}
	.page{overflow-x: auto ;}
}
.bg_scenic_market{ background:url(../images/mark.jpg) no-repeat center top;overflow-y:auto}
.recContent{width: 1200px; height:625px; position: absolute; z-index: 9; left: 50%; margin-left: -600px; top:50%; margin-top: -312px; }
.recContent .title{width: 80%;margin: auto;}
.recContent .title h1{display:block;color: #fff;text-align: center;font-size: 60px;font-weight: normal;overflow: hidden;height: 100px;line-height: 100px;letter-spacing:8px;/*font-family: 'noto-light';*/}
.recContent .title h3{display: block;color: #48ccb4;text-align: center;font-size: 24px;font-weight: normal;margin-top: 20px;/*font-family: 'noto-light';*/}
.recContent .markList{width: 90%;margin: auto;}
.recContent .markList ul{width: 100%;height: 430px;background: rgba(255,255,255,0.1);margin-top: 30px;padding:10px;overflow: hidden;}
.recContent .markList ul li{width: 20%;height: 100%;float: left;}
.recContent .markList ul li div{float: none;width: 100%;height: 50%;}
.recContent .markList ul li div.listImg{background: #22d3b6;}
.recContent .markList ul li div.listImg img{width: 100%;}
.recContent .markList ul li div.text h3{font-size: 18px;color:#fff;text-align: center;font-weight: normal;padding-top: 20px;}
.recContent .markList ul li div.text p{color:#7c7c7c;padding: 10px;font-size: 12px;line-height: 24px;}
.recBox{width:100%;height:auto;margin:0 auto;text-align: center;}
.zhjqpic{margin-top:5%;}
.reccon{width:100%;height:auto;}
.reccon.rec_width{width:48%;}
.fl{float:left}
.fr{float:right}
.reccon{margin-top:30px;}
.reccon  h3{color:#48dbc1;font-size:18px;}
.reccon.dataBox{margin-top:40px;}
.reccon.dataBox h3{margin-bottom:20px;}
.reccon .recinfo{color:#b2b2b2;font-size:14px;margin-top:10px;}
.reccon .recinfo ul li .hoverCon{width:100%;height:auto;display: none; position: absolute;top:0px;left:25px;min-height: 190px;}
.reccon .recinfo ul li:hover .hoverCon{display: block;}
.reccon .recinfo ul li img{margin-top:40px;max-width:100%;}
.reccon .recinfo ul li{display: block;float: left;width:50%; text-align: center;position: relative;}
.reccon .recinfo ul li .hoverCon{width:100%;height:auto;background-color: #48dbc1;padding:5px 0px;}
.reccon .recinfo ul li .hoverCon p{line-height:20px;}
.reccon .recinfo ul li a{color:#404040;display: block;width:100%}
@media (max-width:1400px) {
	.recContent .title h1{font-size:50px;height:70px;line-height: 70px;}
	.recContent .title h1{font-size:50px;height:70px;line-height: 70px;}
	.recContent .title h3{margin-top:0px;}
	.zhjqpic{margin-top:2%;}
}