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

html, body { margin:0px; height:0px; height:100%; zoom:1; }

body { width:100%; margin:0px; font-size-adjust:none; -webkit-text-size-adjust:none; background:#e7e2db; font-size:100%; font-family:'Century Gothic', Arial, Helvetica, sans-serif; }

a { text-decoration:none; outline:none; }

img { border:none; }

ul, ol { margin:0px; padding:0px; list-style:none; }

h2, h3, h4, p { margin:0px; padding:0px; }

input { border:none; background:none; }

input  { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
select { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#warp { width:100%; background:url(../img/menu_bg.png) repeat-x transparent center top; position:relative; z-index:1; }

#top { width:100%; height:169px; position:absolute; left:0px; top:0px; z-index:10; }
#top .menu_area { width:100%; height:44px; }
#top .menu_area .menu_list { width:1200px; height:44px; margin:0px auto; background:url(../img/menu_bg.png) repeat center top; }
#top .menu_area .menu_list ul { width:100%; text-align:center; }
#top .menu_area .menu_list ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px -2px; *margin:0px 0px; height:44px; }
#top .menu_area .menu_list ul li.line { width:1px; background:url(../img/menu_line.png) no-repeat center bottom; }
#top .menu_area .menu_list ul li a { display:block; height:44px; xpadding:0px 40px; }
#top .menu_area .menu_list ul li a.onOver { background:url(../img/menu.png) no-repeat !important; }
#top .menu_area .menu_list ul li a#menu_1 { width:137px; background-position:0 -60px !important; }
#top .menu_area .menu_list ul li a#menu_2 { width:194px; background-position:-163px -60px !important; }
#top .menu_area .menu_list ul li a#menu_3 { width:194px; background-position:-360px -60px !important; }
#top .menu_area .menu_list ul li a#menu_4 { width:194px; background-position:-556px -60px !important; }
#top .menu_area .menu_list ul li a#menu_5 { width:194px; background-position:-760px -60px !important; }
#top .menu_area .menu_list ul li a#home { width:14px; height:13px; background:url(../img/icon_home.png) no-repeat left top; margin-top:21px; }

#top .menu_area .menu_list ul li a font { display:block; width:100%; height:100%; background:url(../img/menu.png) no-repeat; }
#top .menu_area .menu_list ul li a#menu_1 font { background-position:0 0 !important; }
#top .menu_area .menu_list ul li a#menu_2 font { background-position:-163px 0 !important; }
#top .menu_area .menu_list ul li a#menu_3 font { background-position:-360px 0 !important; }
#top .menu_area .menu_list ul li a#menu_4 font { background-position:-556px 0 !important; }
#top .menu_area .menu_list ul li a#menu_5 font { background-position:-760px 0 !important; }

#top .top_area { width:1200px; margin:0px auto; }
#top .top_area .logo { padding-left:134px; padding-top:68px; }
#top .top_area .logo a { display:block; width:445px; height:57px; background:url(../img/logo.png) no-repeat left top; }

#main { width:1200px; margin:0px auto; position:relative; }
#main .inner_banner { width:100%; height:251px; padding-bottom:8px; background:url(../img/inner_bnr_shadow.png) repeat-x center bottom; position:relative; z-index:8; }
#main .content { width:978px; padding:31px 38px 21px 38px; margin:-8px auto 8px auto; background-color:#ffffff; -webkit-border-radius:0px 0px 14px 14px; -moz-border-radius:0px 0px 14px 14px; border-radius:0px 0px 14px 14px; -webkit-box-shadow:0px 0px 10px #999999; -moz-box-shadow:0px 0px 10px #999999; box-shadow:0px 0px 10px #999999; behavior:url(pie/PIE.php); position:relative; z-index:5; *top:-8px; }
#main .content .page_title { width:100%; height:25px; background:url(../img/title_line.jpg) no-repeat left bottom; }
#main .content .page_title span.title { margin-left:48px; }
span.title { display:block; width:220px; height:15px; background:url(../img/title.png) no-repeat; }
span.title[data-rel=index_project] { background-position:2px 0px !important; }
span.title[data-rel=profile] { background-position:0 -30px !important; }
span.title[data-rel=service] { background-position:0 -60px !important; }
span.title[data-rel=project] { background-position:0 -90px !important; }
span.title[data-rel=client] { background-position:0 -120px !important; }
span.title[data-rel=contact] { background-position:0 -150px !important; }

#main .content .content_info { width:100%; }
#main .content .left_side { float:left; }
#main .content .left_side .cate_list_area { width:210px; padding-top:20px; }
#main .content .left_side .cate_list_area ul.cate_list { width:100%; }
#main .content .left_side .cate_list_area ul.cate_list li { padding:12px 0px; border-top:1px dotted #cccccc; font-size:14px; line-height:16px; }
#main .content .left_side .cate_list_area ul.cate_list li:first-child { border-top:none; }
#main .content .left_side .cate_list_area ul.cate_list li a { display:block; padding-left:12px; background:url(../img/left_cate_row.png) no-repeat 4px 5px; color:#333333; }
#main .content .left_side .cate_list_area ul.cate_list li a.onCate { color:#cc3333; font-weight:bold; }
#main .content .left_side .cate_list_area ul.cate_list li a:hover { color:#cc3333; }

#main .content .right_side { float:right; }
#main .content .right_side .right_title { width:684px; margin-top:-2px; padding:0px 0px 10px 14px; background:url(../img/right_title_line.jpg) no-repeat left bottom; font-size:18px; font-weight:bold; color:#660000; }

.multipage { width:730px; text-align:right; }
.multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:16px; height:16px; border:1px solid #cccccc; margin:0px 2px; *margin:0px 4px; font-weight:bold; color:#333333; font-size:13px; text-align:center; line-height:16px; }
.multipage a:hover { color:#c78d8b; }
.multipage a.onpage { background-color:#c78d8b; color:#ffffff; }
.multipage a.row { border:1px solid #ffffff !important; }

.multipage2 { width:730px; text-align:right; }
.multipage2 ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:45px; height:16px; border:1px solid #cccccc; margin:0px 2px; *margin:0px 4px; font-weight:bold; color:#333333; font-size:13px; text-align:center; line-height:16px; }
.multipage2 ul li a{color:#333333;}
.multipage2 ul li a:hover { color:#c78d8b; }
.multipage2 ul li.active { background-color:#c78d8b; color:#ffffff; }

#footer { width:100%; position:relative; z-index:1; }
#footer .footer_area { width:1200px; margin:0px auto; }
#footer .footer_area .copyright_area { width:100%; padding:12px 0px; font-size:12px; }
#footer .footer_area .copyright { float:left; padding-left:82px; color:#000000; }
#footer .footer_area .designby { float:right; padding-right:82px; }
#footer .footer_area .designby a { color:#000000; }
#footer .footer_area .designby a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

.indexType { background-color:#ffffff !important; }
.indexType #warp { background:url(../img/menu_bg.png) repeat-x #89BED7 center top !important; }
.indexType_bak #warp { background:url(../img/menu_bg.png) repeat-x #e3d0b1 center top !important; }

.bnr_btn_area { position:absolute; left:620px; top:84px; z-index:4000; width:500px; height:100px; }
.bnr_btn_area .bnr_btn { float:left; width:86px; height:86px; margin-right:6px; cursor:pointer; }
.bnr_btn_area .bnr_btn.onbnr { height:95px !important; background:url(../img/bnr_btn_row.png) no-repeat center bottom; }

.bnr_btn_area .bnr_btn a { display:block; width:80px; height:80px; padding:3px; background:url(../img/bnr_btn_bg.png) repeat center top; }
.bnr_btn_area .bnr_btn.onbnr a { background-color:#ffffff; }
.bnr_btn_area .bnr_btn.onbnrhover a { background-color:#ffffff; }

.banner_show { width:1200px; height:690px; background-color:#89BED7; overflow:hidden; }
.banner_show_bak { width:1200px; height:690px; background-color:#e3d0b1; overflow:hidden; }
.banner_show img { display:none; }
.banner_show img.active { display:block; }

.indexType #footer { background-color:#ffffff !important; }
.index_more_project_area { height:70px; padding-bottom:20px; position:relative; }
.index_more_project_area .index_view_tit { width:220px; padding-left:128px; padding-top:24px; }
.index_more_project_area .index_view_tit span.title { display:block; width:220px; height:21px; }
.index_more_project_area .index_view_tit a.view_btn { display:block; width:198px; height:16px; background:url(../img/index_view_btn.jpg) no-repeat left top; }
.index_more_project_area .index_view_tit a.view_btn:hover { background:url(../img/index_view_btn.jpg) no-repeat left bottom !important; }
.index_more_project_area .index_project_list { position:absolute; left:370px; top:-55px; }
.index_more_project_area .index_project_list a { float:left; width:159px; height:118px; margin-right:18px; background-color:#ffffff; padding:3px; -webkit-box-shadow:0px 0px 8px #999999; -moz-box-shadow:0px 0px 8px #999999; box-shadow:0px 0px 8px #999999; behavior:url(pie/PIE.php); }
.index_more_project_area .index_project_list a img { width:159px; height:118px; }

/*-------------------------------------------------------------------------------------*/
/* PROFILE */

.profile_content { }
.profile_content .content_info { padding-top:32px; padding-bottom:56px; }
.profile_content .content_info .left_side { width:486px; padding-left:39px; }
.profile_content .content_info .left_side .topic { padding-left:6px; padding-bottom:6px; border-bottom:1px dashed #cccccc; color:#660000; font-weight:bold; font-size:18px; }
.profile_content .content_info .left_side p { padding-top:16px; padding-left:6px; color:#666666; font-size:13px; line-height:19px; word-spacing:-2px; letter-spacing:1px; text-align:justify; }
.profile_content .content_info .left_side b { font-weight:bold; }
.profile_content .content_info .right_side { width:380px; padding-right:28px; padding-top:32px; }
.profile_content .content_info .right_side .profile_img { width:374px; height:374px; background-color:#ffffff; padding:3px; -webkit-box-shadow:0px 0px 8px #999999; -moz-box-shadow:0px 0px 8px #999999; box-shadow:0px 0px 8px #999999; behavior:url(pie/PIE.php); }

/*-------------------------------------------------------------------------------------*/
/* OUR SERVICES */

.service_content { min-height:635px; background:url(../img/service_bg.jpg) no-repeat -1px top; }
.service_content .content_info { margin-left:11px; margin-top:10px; }
.service_content .content_info .left_side { width:230px; }
.service_content .content_info .left_side span.title { margin-left:6px; }
.service_content .content_info .left_side .cate_list_area { width:210px; }

.service_content .content_info .right_side { width:744px; text-align:left; }
.service_list_area { padding-top:16px; padding-left:15px; padding-bottom:10px; }
.service_list_area .service_box { float:left; display:block; width:206px; height:285px; border:3px solid #ffffff; margin-right:19px; margin-bottom:21px; background:url(../img/service_box_bg.jpg) no-repeat #ffffff left top; -webkit-box-shadow:0px 0px 8px #999999; -moz-box-shadow:0px 0px 8px #999999; box-shadow:0px 0px 8px #999999; behavior:url(pie/PIE.php); position:relative; }
.service_list_area .service_box .service_img { width:194px; height:234px; padding:6px; text-align:center; }
.service_list_area .service_box .service_name { padding:0px 9px; font-size:12px; color:#333333; font-weight:bold; line-height:14px; white-space: pre; word-wrap: break-word;}

.service_list_area .service_box2 { float:left; display:block; width:665px; height:450px; border:3px solid #ffffff; margin-right:19px; margin-bottom:21px; -webkit-box-shadow:0px 0px 8px #999999; -moz-box-shadow:0px 0px 8px #999999; box-shadow:0px 0px 8px #999999; behavior:url(pie/PIE.php); position:relative; }
.service_list_area .service_box2 .service_img { 
	/* width:194px; 
	height:234px; 
	padding:6px; */
	text-align: center;
    margin-top: 10px;
}
.service_list_area .service_box2 .service_name { padding:0px 9px; font-size:12px; color:#333333; font-weight:bold; line-height:14px; white-space: pre; word-wrap: break-word;}

/*-------------------------------------------------------------------------------------*/
/* PROJECT */

.project_content { min-height:710px; background:url(../img/project_bg.jpg) no-repeat -1px top; }
.project_content .content_info { margin-left:11px; margin-top:10px; }
.project_content .content_info .left_side { width:240px; margin-left:-10px; }
.project_content .content_info .left_side span.title { margin-left:16px; }
.project_content .content_info .left_side .cate_list_area { width:230px !important; }
.project_content .content_info .left_side .cate_list_area .scrollbar{ float:left; width:2px; background-color:#999; margin-left:3px; margin-right:9px; position:relative; display:block !important; }
.project_content .content_info .left_side .cate_list_area .thumb { height:20px; width:8px; cursor:pointer; overflow:hidden; position:absolute; top:0px; left:-3px;  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#aaa; behavior:url(pie/PIE.php); }
.project_content .content_info .left_side .cate_list_area .thumb .end { overflow:hidden; height:7px; width:8px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#aaa; behavior:url(pie/PIE.php); }
.project_content .content_info .left_side .cate_list_area .disable { display:none; }
.project_content .content_info .left_side .cate_list_area .viewport { width:210px; height:630px; overflow:hidden; position:relative; xfloat:right; }
.project_content .content_info .left_side .cate_list_area .overview { list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; }
.project_content .content_info .left_side .cate_list_area .overview ul { width:210px !important; }

.project_content .content_info .right_side { width:744px; text-align:left; }
.project_list_area { padding-top:16px; padding-left:8px; padding-bottom:10px; }
.project_list_area .project_box { float:left; display:block; width:223px; height:184px; padding:7px 5px; margin-right:10px; margin-bottom:12px; background:#ffffff; -webkit-box-shadow:0px 0px 8px #999999; -moz-box-shadow:0px 0px 8px #999999; box-shadow:0px 0px 8px #999999; behavior:url(pie/PIE.php); position:relative; }
.project_list_area .project_box .project_img { width:223px; height:153px;text-align: center }
.project_list_area .project_box .project_name { height:28px; padding:5px 4px; font-size:12px; color:#333333; font-weight:bold; line-height:14px; }

.project_detail_area { width:745px; padding-left:10px; }
.project_detail_area .project_detail_box { width:745px; height:640px; margin-top:18px; background-color:#ffffff; -webkit-box-shadow:0px 0px 8px #999999; -moz-box-shadow:0px 0px 8px #999999; box-shadow:0px 0px 8px #999999; behavior:url(pie/PIE.php); position:relative; }
.project_detail_area .project_detail_box .project_name { width:690px; padding-top:12px; margin:0px auto; font-size:16px; font-weight:bold; color:#333333; }
.project_detail_area .project_detail_box .project_show { width:690px; height:458px; margin:14px auto; border:2px solid #666666;text-align:center; }
.project_detail_area .other_project_img_area { width:735px; height:89px; padding:10px 5px 20px 5px; text-align:center; }
.project_detail_area .other_project_img_area .prj_other_photo_box { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:700px; height:89px; overflow:hidden; position:relative; }
.project_detail_area .other_project_img_area .prj_other_photo_box .prj_other_photo_list { width:700px; height:89px; position:absolute; left:0px; top:0px; }
.project_detail_area .other_project_img_area .prj_other_photo_box .prj_other_photo_list .other_photo_list { float:left; width:140px; height:89px; }
.project_detail_area .other_project_img_area .prj_other_photo_box .prj_other_photo_list .other_photo_list a { display:block; width:130px; height:85px; border:2px solid #666666; text-align:center; margin:0px 3px; }
.project_detail_area .other_project_img_area .prj_other_photo_box .prj_other_photo_list .other_photo_list img { height:85px; }
.project_detail_area .other_project_img_area .prj_other_photo_box_row { width:11px; height:17px; margin-top:35px; background:url(../img/other_photo_row.gif) no-repeat; cursor:pointer; }
.project_detail_area .other_project_img_area .prj_other_photo_box_row#row_back { float:left; background-position:0 -52px !important; }
.project_detail_area .other_project_img_area .prj_other_photo_box_row#row_next { float:right; background-position:0 -80px !important; }

/*-------------------------------------------------------------------------------------*/
/* CLIENT LIST */

.client_content { }
.client_content .content_info { width:901px !important; margin:40px auto 20px auto; }
.client_content .content_info .client_list { width:901px; height:541px; background:url(../img/client_box.jpg) no-repeat left top; }
.client_content .content_info .client_list table { width:900px; height:540px; }
.client_content .content_info .client_list table td { width:180px; height:180px; padding-left:1px; padding-top:1px; }
.client_content .content_info .client_list table td img { max-width:160px; max-height:160px; }

/*-------------------------------------------------------------------------------------*/
/* CONTACT */

.contact_content { min-height:550px; }
.contact_content .content_info { padding-top:32px; padding-bottom:56px; }
.contact_content .content_info .left_side { width:410px; padding-left:48px; }
.contact_content .content_info .left_side table { color:#666666; font-size:15px; line-height:19px; letter-spacing:1px; }
.contact_content .content_info .left_side table td { padding-bottom:10px; }
.contact_content .content_info .left_side table td:first-child { width:120px; font-weight:bold; }
.contact_content .content_info .left_side a { color:#666666; text-decoration:underline; }
.contact_content .content_info .left_side a:hover { color:#660000; text-decoration:none; }

.contact_content .content_info .right_side { width:440px; padding-right:38px; xpadding-top:28px; }
.contact_content .content_info .right_side .google_map { width:425px; height:350px; background-color:#ffffff; padding:3px; -webkit-box-shadow:0px 0px 8px #999999; -moz-box-shadow:0px 0px 8px #999999; box-shadow:0px 0px 8px #999999; behavior:url(pie/PIE.php); }