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

body{ margin:0; padding:0; font-size:12px; font-family:simsun,'宋体'; background:#000;}

ul,li,h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}

a:active { outline:none;blr:expression(this.onFocus=this.blur()); }

img{ border:none;}

.clear{ clear:both; height:0; overflow:hidden; visibility:hidden;}



#head{ margin:0 auto; width:918px; padding-left:85px; height:30px; background:url(../images/head_bg.jpg) no-repeat; overflow:hidden;}

#main_show{margin:0 auto; width:1003px; height:410px; background:#000; position:relative;}

#main_show_top{ position:absolute; top:0; z-index:10;}
#main_show_bot{ position:absolute; bottom:0; z-index:10;}

#slider { margin:0; width: 1003px; height: 410px; position: relative; overflow: hidden;}
#slider img{ border: 0px;}
#sliderContent { width: 1003px; position: absolute;	top: 0;	margin-left: 0;}
.sliderImage { float: left;   position: relative;	display: none;}
.sliderImage span { width:0; overflow:hidden; display: none;}

#main_bottom{ margin:0 auto; width:1003px; height:326px; background:url(../images/main_bot_bg.jpg) no-repeat;}

#bottom_content{ margin:0;}

#photography, #design, #about_us, #contact_us{ width:196px; float:left;}

#photography { padding-left:79px;}
#design { margin-left:28px;}
#about_us { margin-left:27px;}
#contact_us { margin-left:26px;}

#photography h3, #design h3, #about_us h3, #contact_us h3 { padding:17px 0 0 15px; }

#photography h3 a, #design h3 a, #about_us h3 a, #contact_us h3 a { font-size:14px; color:#996633; font-weight:bold; text-decoration:none;}
#photography h3 a:hover,#design h3 a:hover,#about_us h3 a:hover,#contact_us h3 a:hover { font-size:14px; color:#fff; font-weight:bold; text-decoration:underline;}

#photography p.cn,#design p.cn,#about_us p.cn,#contact_us p.cn { margin:18px 0 0 0; font-size:12px; color:#666; line-height:140%; display:block; height:60px; overflow:hidden;}
#photography p.en,#design p.en,#about_us p.en,#contact_us p.en{ font-size:9px; color:#666; line-height:160%; font-family:Arial, Helvetica, sans-serif;  height:60px; overflow:hidden;}


#footer{ margin:0 auto; width:1003px;}
#footer #icp{ width:200px; margin:15px 0 0 12px; font-size:12px; color:#666; float:left;}
#footer #website{ width:300px; margin:5px 12px 0 0; font-size:12px; color:#666; float:right; text-align:right;}

#footer_inner{ margin:0 auto; width:1003px; position:absolute; bottom:10px; z-index:11;}
#footer_inner #icp{ width:200px; margin:15px 0 0 12px; font-size:12px; color:#666; float:left;}
#footer_inner #website{ width:300px; margin:5px 12px 0 0; font-size:12px; color:#666; float:right; text-align:right;}





#main_content{ margin:0 auto; width:1003px; height:738px; background:url(../images/bg.jpg) no-repeat; position:relative;}

/* 导航 */
.garagedoor a:active,
.under_header a:active,
.header a:focus,
.under_header a:focus {
	outline: none; -moz-outline-style: none;
}

.garagedoor img {border: 12px; display: block;}

.item { height: 12px; display:block;overflow:hidden; position:relative; margin:0; padding:0; float:left; text-decoration: none; margin-top:10px;}
.home { width:26px; float:left;}
.photograhpy{ width:52px; float:left;}
.design{ width:52px;  float:left;}
.about{ width:52px; float:left;}
.contact{ width:52px; float:left;}
.blog{ width:27px; float:left;}

.home a,
.photograhpy a,
.design a,
.about a,
.contact a,
.blog a{ display:block; height:12px; color:#fff; text-decoration:none; font-weight:bold; margin-top:10px;}

.home a:hover,
.photograhpy a:hover,
.design a:hover,
.about a:hover,
.contact a:hover,
.blog a:hover{ display:block; height:12px; color:#996633; text-decoration:none; font-weight:bold; margin-top:10px;}

.photograhpy a.current{ display:block; height:12px; color:#996633; text-decoration:none; font-weight:bold; margin-top:10px;}

.item .mouse { height: 12px;margin:0; padding:0; border:0; display:block;left:0; top:0; position:absolute;cursor:pointer;}
.item .mouse img {height: 12px; width:100px; margin:0;padding:0;}
.item .underlay { width: 100px; height: 12px; font-weight:bold; color:#996633; position:absolute; left:0px; top:0px;}
.item .overlay{ width: 100px; height: 12px; font-weight:bold; color:#fff; background:#000; position:absolute; left:0;  top:0;  }


#menu_home_en,
#menu_photograhpy_en,
#menu_design_en,
#menu_about_en,
#menu_contact_en,
#menu_blog_en{  font-size:9px; color:#fff; margin-top:12px; margin-left:5px; float:left; font-family:Arial, Helvetica, sans-serif;}

#menu_home_en{ width:26px;}
#menu_photograhpy_en{ width:70px;}
#menu_design_en{ width:74px;}
#menu_about_en{ width:47px;}
#menu_contact_en{ width:60px;}
#menu_blog_en{ width:25px;}

.vline{ width:2px; height:9px; background:url(../images/vline.gif) no-repeat; margin:12px 20px 0 20px; overflow:hidden; float:left;}


/* 摄影展示 */

#photography_next{ width:21px; height:28px; position:absolute; top:347px; left:933px; z-index:80;}
#photography_pre{ width:21px; height:28px; position:absolute; top:347px; left:62px; z-index:80;}
#photography_show{ width:812px; height:464px; position:absolute; top:140px; left:100px; }
#photography_show_top{ width:812px; height:13px;}
#photography_show_mid{ width:812px; height:418px;}
#photography_show_mid_left{ width:23px; height:418px; float:left;}
#photography_show_main{ width:765px; padding-left:5px; height:418px; float:left; background:#666; }
#photography_show_mid_right{ width:19px; height:418px; float:left;}
#photography_show_bot{ width:812px; height:33px;}

#photography_show_main ul{ margin:0; padding:0; list-style:none;}
#photography_show_main ul li{ list-style:none; display:block; float:left; padding: 12px 0 0 13px;}
#photography_show_main a{display:block;border-bottom:solid 3px #fff; border-top:solid 3px #fff; border-left:solid 4px #fff;border-right:solid 3px #fff;}
#photography_show_main a:hover{display:block; border-bottom:solid 3px #996633; border-top:solid 3px #996633; border-left:solid 4px #996633;border-right:solid 3px #996633;}
#photography_show_main a:active {outline:none;blr:expression(this.onFocus=this.blur());}
#photography_show_main img{ width:87px; height:64px; display:block;}

#photography_title{ position:absolute; bottom:90px; width:1003px; text-align:center;}
#photography_title h3{ font-size:14px; color:#996633; font-weight:bold; margin-bottom:5px;}
#photography_title h4{ font-size:9px; color:#666; font-family:Arial, Helvetica, sans-serif; text-align:center;}



/* 关于我们 */
#about_us_content{ position:absolute; top:110px; left:0;}
#about_us_text{ width:305px; padding-left:45px; float:left;}
#about_us_text h3{ font-size:14px; color:#996633; margin-bottom:10px; font-weight:bold; width:60px; float:left;}
#about_us_text h6{ font-size:9px; color:#666; padding:4px 0 0 10px; width:100px; font-family:Arial, Helvetica, sans-serif; float:left; }
@media screen and (-webkit-min-device-pixel-ratio:0){
#about_us_text h6{ font-size:9px; color:#666; padding:6px 0 0 10px; width:100px; font-family:Arial, Helvetica, sans-serif; float:left; }}

#about_us_text p{ font-size:12px; color:#fafafa; line-height:200%;}
#about_us_img{ width:624px; float:left; padding-top:10px;}


/* 联系我们 */
#contact_us_content{ position:absolute; top:170px; left:0;}
#contact_us_map{ width:560px; padding:0 30px 0 70px; float:left;}
#contact_us_text{ width:320px; float:left;}
#contact_us_text h3{font-size:14px; color:#866d49; margin:10px 0 5px 0; font-weight:bold;}
#contact_us_text h6{font-size:9px; color:#999; margin-bottom:33px; font-family:Arial, Helvetica, sans-serif;}
#contact_us_text p{ font-size:12px; color:#999; margin-bottom:14px; line-height:180%;}
#contact_us_text span{ font-family:Arial, Helvetica, sans-serif;}



/* 设计展示 */
#design_content{ margin:0 auto; width:1003px; height:738px; background:url(../images/design_bg.jpg) no-repeat; position:relative; }

#design_menu{ position:absolute; top:160px; left:99px; width:50px; height:84px;}
#design_brochure{ position:absolute; top:295px; left:110px; width:44px; height:99px;}
#design_poster{ position:absolute; top:438px; left:100px; width:40px; height:90px;}


/* 菜谱设计 */
#menu{ position:absolute; top:185px; left:196px; width:32px;}

#menu01_cover{ position:absolute; left:295px; top:185px;  z-index:12;}
#menu01_content{ position:absolute; top:150px; left:360px; width:500px;}
#menu01_content img{ display:block; width:160px; height:240px; float:left; margin:3px 0 0 3px;}


#menu02_cover{ position:absolute; left:235px; top:195px;  z-index:12;}
#menu02_content{ position:absolute; top:220px; left:245px; width:740px;}
#menu02_content img{ display:block; width:240px; height:160px; float:left; margin:3px 0 0 3px;}

#menu03_cover{ position:absolute; left:235px; top:195px;  z-index:12;}
#menu03_content{ position:absolute; top:200px; left:245px; width:740px;}
#menu03_content img{ display:block; width:240px; height:160px; float:left; margin:3px 0 0 3px;}

#menu04_cover{ position:absolute; left:270px; top:150px;  z-index:12;}
#menu04_content{ position:absolute; top:220px; left:245px; width:740px;}
#menu04_content img{ display:block; width:240px; height:160px; float:left; margin:3px 0 0 3px;}

#menu05_cover{ position:absolute; left:257px; top:172px;  z-index:12;}
#menu05_content{ position:absolute; top:220px; left:245px; width:740px;}
#menu05_content img{ display:block; width:240px; height:160px; float:left; margin:3px 0 0 3px;}

#menu06_cover{ position:absolute; left:250px; top:158px;  z-index:12;}
#menu06_content{ position:absolute; top:230px; left:245px; width:740px;}
#menu06_content img{ display:block; width:240px; height:160px; float:left; margin:3px 0 0 3px;}



#poster,#brochure {
	height:400px;
	width:720px;
	position:absolute;
	left:240px;
	top:150px;
	color:#fff;
	overflow:hidden;
	
}

#poster img,#brochure img{ display:block; margin-bottom:40px;}