pfhwyigou/frontend/web/zt/forest_city20190319/css/index.css

img{
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

/*轮播*/
.forestBox_slide{ width: 100%; height: 500px; position: relative; overflow: hidden;}
.forestBox_slide .slide_mian{ width: 100%; height: 500px;}
.forestBox_slide .slide_mian ul li{ width: 100%; height: 500px;}
.forestBox_slide .slide_mian ul li img{ width: 100%; height: 100%;}
.forestBox_slide .slide_hd{width: 100%; position: absolute; left: 0%;bottom: 10px;}
.forestBox_slide .slide_hd ul{ width: 116px; margin: 0 auto;}
.forestBox_slide .slide_hd ul li{
	width: 11px; 
	background:rgba(255,255,255,0); 
	height: 11px; 
	border-radius:  100%;
	float: left; 
	border:1px solid #fff; 
	margin: 0 5px;
}
.forestBox_slide .slide_hd ul li.on{ background:rgba(255,255,255,1);}
.forestBox_main{ margin: 0 auto; margin-top: 40px; width: 1200px;}
/*公共内部导航*/
.forestBox_nav{
	background: #fff; 
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); 
	width: 962px; 
	margin: 0 auto; 
	height: 118px; 
	border-radius: 100px;
}
.forestBox_nav .left-logo{ width: 98px; height: 98px; margin-left: 30px; margin-top: 10px;}
.forestBox_nav .left-logo img{ width: 100%; height: 100%;}

.forestBox_nav .right-nav{ height: 40px; position: relative; top: 50%;margin-top: -20px; margin-right: 63px;}
.forestBox_nav .right-nav a{
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	float: left;
	display:block;
}
.forestBox_nav .right-nav a+a{margin-left: 35px;}
.forestBox_nav .right-nav a span{ padding:0px; color: #333; display: inline-block;border-radius: 2px; width: 110px; text-align: center;}
.forestBox_nav .right-nav a:hover span{ background: #6EC6CA; color: #fff;}
.forestBox_nav .right-nav a.on span{ background: #6EC6CA; color: #fff;}


/*内容*/
/*项目简介*/
.forestBox-intro{ width: 1100px; margin: 0 auto; margin-top: 50px;}
.forestBox-intro p{ text-align: center;}
.forestBox-intro p:nth-child(2){ margin-top: 73px;}
.forestBox-intro p:nth-child(3){ margin-top: 50px;}
/*开发商理念*/
.forestBox_idea{ width: 1100px; margin: 0 auto; margin-top: 52px;}
.forestBox_idea_top{ width: 100%; height: auto;}
.forestBox_idea_top img{ width: 100%; height: auto;}
.forestBox_idea_main{ width: 100%; height: auto; margin-top: 20px; background: #fff;}
.forestBox_idea_main p{ width: 100%; height: auto;}
.forestBox_idea_main p img{ width: 100%; height: auto;}
/*文化输出*/
.forestBox_culture .forestBox_idea_main{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); padding-top: 38px;}
.forestBox_culture .forestBox_idea_main p{ width: 1005px; height: auto; margin: 0 auto;}
.forestBox_culture .forestBox_idea_main p img{ width: 100%; height: auto;}
.forestBox_culture .forestBox_idea_main p:nth-child(2){ margin-top: 58px;}
.forestBox_culture .forestBox_idea_main p:nth-child(3){ margin-top: 40px;}


/*查看相册*/
.forestBox-album{ margin-top: 57px;}
.forestBox-album-nav p.title{ width: 320px;height: auto; margin: 0 auto;}
.forestBox-album-nav p.title img{ width: 100%; height: auto;}
.album-nav-list{ text-align: center; width: 785px; margin:0 auto; margin-top: 43px; position: relative; }
.album-nav-list a{height: 170px; display: inline-block; float: left;text-align: center; width: 130px; position: relative; z-index: 2; background: #fff;}
.album-nav-list a i{display: block; width: 130px; height: 130px; transition: 0.3s; border-radius: 100%; position: absolute; left: 0px; top: 0px; z-index: 1;}
.album-nav-list a i img{width: 100%; height: 100%;}
.album-nav-list a span{display: block; font-size: 18px; color: #3F3F3F; position: absolute; bottom: 0px; width: 100%;}
.album-nav-list a+a{ margin-left: 88px;}
.album-nav-list div.xian{ width: 80%; height: 1px; background: #3F3F3F; position: absolute; z-index: 1; left: 50%;margin-left: -40%; top: 65px;}
.album-nav-list a:nth-child(1) i{background: url('../image/album/xcico_nav1.png') no-repeat center; background-size:100% 100%;}
.album-nav-list a:nth-child(2) i{background: url('../image/album/xcico_nav2.png') no-repeat center; background-size:100% 100%;}
.album-nav-list a:nth-child(3) i{background: url('../image/album/xcico_nav3.png') no-repeat center; background-size:100% 100%;}
.album-nav-list a:nth-child(4) i{background: url('../image/album/xcico_nav4.png') no-repeat center; background-size:100% 100%;}
.album-nav-list a:nth-child(1):hover i{background: url('../image/album/xcico_nav1_1.png') no-repeat center; background-size:100% 100%;}
.album-nav-list a:nth-child(2):hover i{background: url('../image/album/xcico_nav2_1.png') no-repeat center; background-size:100% 100%;}
.album-nav-list a:nth-child(3):hover i{background: url('../image/album/xcico_nav3_1.png') no-repeat center; background-size:100% 100%;}
.album-nav-list a:nth-child(4):hover i{background: url('../image/album/xcico_nav4_1.png') no-repeat center; background-size:100% 100%;}
.album-nav-list a:hover i{transition: 0.3s; margin-top: -10px;}

.mian_xian{width: 100%; height: 1px; background: #E4E8E9; margin-top: 48px;}
.album_box_main{ width:1200px; margin: 0 auto; margin-top: 70px;}
.album_box_title{font-size: 22px; color: #3F3F3F;}
.album_box_title em{font-size: 20px; display: inline-block; padding-left: 10px;}
.album_box_list ul li{float: left; width: 388px; height: 280px;margin: 10px 0; margin-right: 18px; position: relative;}
.album_box_list ul li p.album-img{ width: 100%; height: 100%;}
.album_box_list ul li p.album-img img{ width: 100%; height: 100%;}
.album_box_list ul li:nth-child(3n){margin-right: 0px;}
.album_box_list ul li p.album-title{display: none; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3);left: 0px; top:0; text-align: center; line-height:280px;}
.album_box_list ul li p.album-title span{ display: inline-block;  font-size: 16px; color: #fff; height: 28px; line-height: 28px; padding: 0px 8px; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.album_box_list ul li:hover p.album-title{display:block;}

.album_box_genduo{width: 100%; height: 54px; background: #F8F8F8; text-align: center; margin-top: 20px;}
.album_box_genduo a{font-size: 20px; color: #76777C;display: block; width: 100%; height: 54px; line-height: 54px;}
.boottom_img{ width: 1200px; margin: 0 auto;}
.boottom_img .album_box_main{ width: auto;}

/*户型样板*/
.exhibition_hall {text-align:center;position: relative; padding-top: 20px; margin-top: 30px;}
/**********roundabout**********/
.roundabout_box {height:450px;width:1200px;margin:40px auto 20px auto;}
.roundabout-holder{list-style:none;width:400px;height:400px;margin:0px auto;}
.roundabout_box ul li{box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); position: relative;}
.roundabout-moveable-item{font-size:12px!important;height:500px;width:1200px;cursor:pointer;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0; }
.roundabout-in-focus{cursor:auto;border-left:1px #fff solid;border-right:1px #fff solid;}
.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder .text{ display: none; position: absolute; right: 40px; top: -70px; width: 64px; height: 46px;}
.roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}
.roundabout-in-focus span.text{ display: block;}
.exhibition_hall .album_box_genduo{ width: 1200px; margin: 0 auto; margin-top: 30px;}

.prototypeBox_nav{ text-align: center; margin-top: 100px;}
.prototypeBox_nav a{display: inline-block; font-size: 22px;}
.prototypeBox_nav a span{display: inline-block; color: #333; height: 40px; line-height: 40px; padding: 0 15px; border-radius: 4px;}
.prototypeBox_nav a.on span{ background: #6EC6CA; color: #fff;}
.prototypeBox_nav a:hover span{ background: #6EC6CA; color: #fff;}
.prototypeBox_nav a+a{ margin-left: 40px;}

.prototypeBox_list{ width: 1200px; margin: 0 auto; margin-top: 50px;display: none;}
.prototypeBox_list ul li{float: left; width: 276px; height: 200px;margin: 10px 0; margin-right: 30px; position: relative;}
.prototypeBox_list ul li p.album-img{ width: 100%; height: 100%;}
.prototypeBox_list ul li p.album-img img{ width: 100%; height: 100%;}
.prototypeBox_list ul li:nth-child(4n){margin-right: 0px;}
.prototypeBox_list ul li p.album-title{display: none; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3);left: 0px; top:0; text-align: center; line-height:200px;}
.prototypeBox_list ul li p.album-title span{ display: inline-block;  font-size: 16px; color: #fff; height: 28px; line-height: 28px; padding: 0px 8px; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.prototypeBox_list ul li:hover p.album-title{display:block;}










/*底部报名*/
.forestBox-xuga{ margin-top: 71px; 
	background:url('../image/in_ico4.png') no-repeat center; 
	background-size:100% 100%; 
	width: 100%; 
	height: 130px;
}
.forestBox-xuga-main{width: 1200px; margin: 0 auto;}
.forestBox-xuga-left{ margin-top: 5px; margin-left: 15px;}
.forestBox-xuga-right{ margin-top: 18px;}
.forestBox-xuga-right .right-top{ text-align: center;}
.forestBox-xuga-right .right-form{ margin-top: 28px;}
.forestBox-xuga-right .right-form input.int-c{
	margin-right: 15px; 
	width: 220px; 
	height: 40px; 
	padding-left: 16px;
	border: none; 
	background: #fff; 
	font-size: 14px; 
	color: #666;
	float: left;
}
.forestBox-xuga-right .right-form a.int-buttom{ 
	width: 100px; 
	height: 40px; 
	display: inline-block;
	float: left;
	line-height: 40px; 
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #6EC6CA;
}