@charset "utf-8";
/* CSS Document */

/* Index */

#index {width:1000px; border-left:8px solid #FFF; border-right:8px solid #FFF; margin:auto; overflow:hidden;}

#nav #nav_home {border-bottom:2px solid #ff6699;}

#banner {width:100%; height:563px; overflow:hidden; background:#FFF; position:relative; margin-top:8px;}

#banner .banner_img {position:absolute; top:0; left:0; width:100%;}

#banner .banner_img img {width:100%; margin-top:-10%;}

#banner img {
	-webkit-transition: all .5s; 
	-moz-transition: all .5s; 
	-ms-transition: all .5s; 
	-o-transition: all .5s; 
	transition: all .5s;
}

#banner img:hover {
	opacity: 0.8;
}

h1 {display:none;}


#portrait_top {width:100%; overflow:hidden; margin-top:32px; overflow:hidden;}

.portrait_top_album {float:left; width:325px; height:216px; overflow:hidden; position:relative;}

.portrait_top_album img {width:100%; position:absolute;}

.portrait_top_image {position:absolute; width:100%; height:100%; z-index:2;}

.portrait_top_title {position:absolute; bottom:-10%; width:100%; z-index:3; text-align:center;}

.portrait_top_title h3 {color:#fff; font-weight:bold;}

#portrait_bottom {margin-top:12px; overflow:hidden;}



#portrait_left {float:left; width:662px; background:#f1f1f1; height:357px; overflow:hidden; position:relative;}

#portrait_left_image img {width:100%; margin-top:-10%; position:absolute;}

#portrait_left_title {position:absolute; bottom:-10%; width:100%; z-index:3; text-align:center;}

#portrait_left_title h3 {color:#fff; font-weight:bold; font-size:20px;}



#portrait_right {float:left; margin-left:12px; width:325px;}

.portrait_right_album {height:172px; width:325px; overflow:hidden; background:#f1f1f1; position:relative;}

.portrait_right_album img {width:100%; margin-top:-10%; position:absolute;}

.portrait_right_image {position:absolute; width:100%; height:100%; z-index:2;}

.portrait_right_title {position:absolute; bottom:-10%; width:100%; z-index:3; text-align:center;}

.portrait_right_title h3 {color:#fff; font-weight:bold;}


#portrait_title {margin-top:64px; border-left:5px solid #ff6699; width:100%;}

#portrait_title h2 {margin-left:8px;}

#portrait_text {width:100%; margin-top:64px; text-align:center; overflow:hidden; padding-bottom:16px;}

#portrait_text p {width:80%; margin-left:10%; line-height:1.5; font-size:16px;}



#landscape {width:100%; margin-top:48px; overflow:hidden;}

.landscape_album {width:494px; height:329px; background:#f1f1f1; overflow:hidden; position:relative; float:left;}

.landscape_image img{margin-left:0%; position:absolute; width:100%;}

.landscape_title {position:absolute; bottom:-10%; width:100%; z-index:3; text-align:center;}

.landscape_title h3 {color:#fff; font-weight:bold; font-size:16px;}

#landscape_text {width:100%; margin-top:64px; text-align:center; overflow:hidden; padding-bottom:16px;}

#landscape_text p {width:80%; margin-left:10%; line-height:1.5; font-size:16px;}

#travel {width:100%; margin-top:48px; overflow:hidden;}

.travel_album {width:494px; height:329px; background:#f1f1f1; overflow:hidden; position:relative; float:left;}

.travel_image img{margin-left:0%; position:absolute; width:100%;}

.travel_title {position:absolute; bottom:-10%; width:100%; z-index:3; text-align:center;}

.travel_title h3 {color:#fff; font-weight:bold; font-size:16px;}

#travel_text {width:100%; margin-top:64px; text-align:center; overflow:hidden; padding-bottom:16px;}

#travel_text p {width:80%; margin-left:10%; line-height:1.5; font-size:16px;}


#flower {width:100%; margin-top:48px; overflow:hidden;}

.flower_album {width:494px; height:329px; background:#f1f1f1; overflow:hidden; position:relative; float:left;}

.flower_image img{margin-left:0%; position:absolute; width:100%;}

.flower_title {position:absolute; bottom:-10%; width:100%; z-index:3; text-align:center;}

.flower_title h3 {color:#fff; font-weight:bold; font-size:16px;}

#flower_text {width:100%; margin-top:64px; text-align:center; overflow:hidden; padding-bottom:16px;}

#flower_text p {width:80%; margin-left:10%; line-height:1.5; font-size:16px;}


#children {width:100%; margin-top:48px; overflow:hidden;}

.children_album {width:494px; height:329px; background:#f1f1f1; overflow:hidden; position:relative; float:left;}

.children_image img{margin-left:0%; position:absolute; width:100%;}

.children_title {position:absolute; bottom:-10%; width:100%; z-index:3; text-align:center;}

.children_title h3 {color:#fff; font-weight:bold; font-size:16px;}

#children_text {width:100%; margin-top:64px; text-align:center; overflow:hidden; margin-bottom:48px;}

#children_text p {width:80%; margin-left:10%; line-height:1.5; font-size:16px;}




@media screen and (min-width: 1680px) {
#index {width:1200px;}
#index #banner {width:100%; height:675px;}

.portrait_top_album {width:392px; height:261px;}

#portrait_left {width:795px; height:428px;}

.portrait_right_album {width:394px; height:208px;}

.landscape_album {width:594px; height:396px;}

.travel_album {width:594px; height:396px;}

.flower_album {width:594px; height:396px;}

.children_album {width:594px; height:396px;}

}