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

#idx_flash { position:absolute; left:0; top:0; }
#idx_bg, #idx_final { position:absolute; left:0; top:0; width:100%; height:100%; }
#idx_bg { z-index:9999; background:url(../images/idx_bg.jpg) no-repeat center center; background-size:100% 100%;}
#idx_bg > div, #idx_final div { position:relative; width:100%; height:100%; }
#idx_bg img { position:absolute; left:0; width:80%; margin-left:10%; }
#idx_final { z-index:0; background:url(../images/idx_final_bg.jpg) no-repeat center center; background-size:100% 100%; }
#idx_final img { position:absolute; left:0; width:50%; margin-left:25%; }

/*.skip_btn { display:block; position:absolute; top:-20px; left:-40px; z-index:9999; width:40px; height:20px; line-height:20px; text-align:center; color:#fff; background:#cf8f38; }
.skip_btn:hover { background:#666; }*/

.loader_wrap { position:fixed; z-index:99999; width:100%; height:100%; background:url(../images/opa_w90.png) repeat 0 0; }
.loader_logo { position:absolute; left:50%; top:50%; width:220px; height:87px; margin:-135px 0 0 -110px; /*background:url(../images/idx_logo.png) no-repeat 0 0;*/ }
.loader_pic { position:absolute; left:50%; top:50%; width:35px; height:35px; padding:7px; margin:0 0 0 -18px; background:#fff url(../images/loader.gif) no-repeat center center; border-radius:50%; }

#wrap {  width:100%; min-width:1140px; margin:0 auto; text-align:center; overflow:hidden; }

/*header ===============================================*/
#header { position:fixed; left:0; top:0; z-index:999; width:100%; height:120px; }
.logo { float:left; width:360px; height:100%; background:#ec6c00; }
.logo img { margin:30px auto 0 auto; }

.menu_wrap { float:left; height:100%; background:#ec6c00; }
.logo_icon.left { position:fixed; left:-31px;top:14px;z-index:9999;}
.logo_icon.right { position:fixed; right:-31px;top:14px;z-index:9999;}
#menu { float:left; margin:41px 0 0 70px; }
#menu li { position:relative; display:inline-block; width:54px; margin-right:50px;font-size:20px;}
#menu li a.menu { position:relative; z-index:10; display:block; width:54px; height:17px; margin-top:10px; background:url(../images/menu.gif) no-repeat; cursor:pointer;}
#menu li a {color:#fff;}
#menu li a:hover {color:#000;}

#content { position:relative; float:left; width:100%; min-width:1140px; margin-top:110px;}
.in_flower { position:absolute; z-index:0; }
.in_flower.in_flower01 { right:-92px; }
.in_flower.in_flower02 { right:50px; }

.banner { position:relative; z-index:1; float:left; width:100%; }
.banner img { width:100%; }
.banner_text { position:relative; z-index:1; float:left; width:100%; text-align:left; margin:60px 0; font-size:15px; }

.banner_text .slogan, .banner_text .text_l , .banner_text .text_r { float:left; }
.banner_text .slogan { margin:0 100px 0 50px; }
.banner_text .text_l { margin-right:100px; }

h1 { margin-bottom:20px; font-size:24px; color:#ec6c00; }
h2 { margin-bottom:20px; font-size:24px; color:#000; }
p { margin-bottom:15px;}
.text_r h1 { line-height:1.5em; margin-top:-8px; color:#000; }

/*location*/
#bird_1{ background:url(../images/bird_1.jpg) no-repeat 101% 95%;}
#bird_2{ background:url(../images/bird_2new.jpg) no-repeat 0% 100%;}
#bird_3{ background:url(../images/bird_3.jpg) no-repeat 0% 105%;}
#bird_4{ background:url(../images/bird_4.jpg) no-repeat 74% 150%;}
#bird_5{ background:url(../images/bird_1.jpg) no-repeat 101% 95%;}

.info_wrap { position:relative; z-index:1; display:block; float:left; width:100%; margin-bottom:2px; }
.info_blank { position:relative; z-index:1; display:block; float:left; width:100%;height:65px;}
.info_wrap.space { /*bottom:110px;max-height:817px;*/max-height:70%\0/;}
.info_wrap.build { max-height:60%\0/;}

.wrap_100.brand { max-height:495px;height:;width:100%;}
.info_wrap.brand2 { width:100%;height:320px;max-height:320px;}

.overlay, .zoom { position:relative; z-index:99; float:left; width:100%; height:100%;  }
.wrap_70 { position:relative; width:70%; height:100%; }
.wrap_70 img { width:100%; }
.wrap_30 { text-align:left; }
.wrap_30 h1 { width:100%; margin-bottom:10px; line-height:1.2em;}
.wrap_30 h2 { width:100%; margin-bottom:25px;}
.wrap_30 p { width:100%; font-size:15px; line-height:1.8em; }
.wrap_30 .ps { font-size:13px; color:#666; }
.wrap_50 { position:relative; width:50%; }
.wrap_50 img { width:100%; }
.left { float:left; }
.right { float:right; }

p.pic_ps { margin-bottom:0; }
.pic_ps { position:absolute; bottom:0; z-index:1; padding:0 15px; margin-bottom:0; height:30px; line-height:30px; font-size:15px; color:#fff; background: rgba(0,0,0,0.5); }
.pic_ps.left { left:0; }
.pic_ps.right { right:0; }

.zoom_icon { display:none; position:absolute; left:50%; top:50%; z-index:2; width:52px; height:52px; margin:-26px 0 0 -26px; background:url(../images/zoom_icon.png) no-repeat 0 0; }

/*build*/
.wrap_300 { position:relative; float:left;height:250px;margin-right:3em;}
.wrap_100 { position:relative; width:100%; height:100%; }
.wrap_65 { position:relative; width:65%; height:100%; }
.wrap_35 { position:relative; width:33%;padding:0;margin-right:4px;/*margin:0 3px 0 3px;*/overflow:hidden;}
.wrap_35 img { width:100%;}
.build .text { width:85%; margin:10% auto 0 auto; text-align:left; }


/*full_bg*/
.full_bg { position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; overflow:hidden; }
.full_bg img { position:absolute;}

/*text_wrap*/
.text_wrap { float:left; width:100%;}
.text.top { width:80%; max-width:380px; margin:25% auto; text-align:left; }
.text.middle {width:80%;max-width:380px;margin:0 auto;text-align:left;}
.text.middle2 {width:80%;max-width:700px;margin:4% auto;text-align:left;}
.down {position:absolute;bottom:0;width:30%}
.line { position:absolute; top:250px;margin:0 auto;width:100px; height:100px; background:url(../images/idx_line.png) no-repeat left top; }
.pic{ position:absolute; top:456px;margin:0 auto;width:595px; height:400px;}

/*interior*/
.slide { float:left; width:100%; height:100%; }
.slide a { float:left; width:100%; height:100%; }
.slide .full_bg { width:100%; height:100%; }
.slide_btn { display:block; position:absolute; top:50%; z-index:999; width:120px; height:80px; margin-top:-20px;background:url(../images/slide_btn.png) no-repeat; cursor:pointer; }
.slide_btn.prev { left:0; background-position:0 0; }
.slide_btn.next { right:0; background-position:-120px 0; }
.slide_btn.prev:hover { background-position:0 -80px; }
.slide_btn.next:hover { background-position:-120px -80px; }

/*brand*/
.brand_text { float:left; width:100%; padding:40px 0 60px 0; }
.brand_text .text.middle { width:auto; }
/*
.scroll_btn { position:absolute; left:50%; bottom:70px; z-index:99; display:block; width:64px; height:70px; margin-left:-32px; }
.scroll_btn img { position:absolute; left:0; top:0; }
*/

/*footer ===============================================*/

#footer.idx_footer { position:fixed; left:0; bottom:0; min-width:1100px; height:30px; padding:5px 0; background:#fff; text-align:center; }
#footer.idx_footer .footer_wrap { width:1140px; margin:0 auto; }
#footer.idx_footer p { float:left; }
#footer.idx_footer a.skip { margin:0 0 0 10px; }
#footer.idx_footer a.music_btn { margin:2px 3px 0 -5px; }

#footer { float:left; clear:both; position:relative; z-index:999; width:100%; min-width:1100px; height:60px; margin:0; font-size:13px; letter-spacing:0; background:#ddd; }
.footer_l { float:left; width:1100px; padding:20px 0 0 50px; margin:0 auto;  }
.footer_l p { float:left; color:#666; }
.footer_logo { margin:6px 7px 0 0; }
.footer_map { margin:3px 5px 0 5px; }
#footer a.map{ margin:0 3px 0 5px; padding:0 5px; color:#fff; background:#ec6c00; }
#footer a.skip { margin:0 5px 0 10px; padding:0 5px; color:#fff; background:#ec6c00; }
#footer a.map:hover { background:#01508D; }
#footer a.skip:hover { background:#01508D; }
#footer a.moss { float:right; color:#bbb; }
#footer a.moss:hover { color:#333; }

#footer a.music_btn { float:left; margin:2px 0 0 3px; }

.footer_r { float:right; width:380px; height:60px; text-align:center; background:#ec6c00; }
.footer_r img { margin:25px auto 0 auto; }

@media all and (max-width:1366px){
#content { height:70%; margin-top:110px;}
.text.middle {position:relative;top:-30px;}
.info_wrap.space { bottom:0px;max-height:70%;}
#bird_2{ background:url(../images/bird_2new.jpg) no-repeat 0% 110%;}
#bird_3{ background:url(../images/bird_3.jpg) no-repeat 0% 110%;}
}