/* CSS Document */
html{-webkit-tap-highlight-color: transparent;   -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 100.1%;height: 100%;overflow-x: hidden;overflow-y: scroll;}
*{margin:0; padding:0; list-style:none;}
a{text-decoration:none; color:#6f6f6f;}
a:hover{color:#cb9d6b;}
img{border:none; vertical-align:top;}
body{font: 14px/1.65 "微软雅黑","宋体",microsoft yahei; color:#6f6f6f; background: url(../images/body.jpg) repeat-x 0 0;}

.clearfix:before,.clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both; overflow: hidden;}
.clearfix {zoom: 1;}
ul {list-style: none;}
.container {width: 960px; margin: 0 auto; padding: 0 10px;}

/*header*/
#header {width: 100%;}
#header .container {position: relative;}
.h_row1 {background: url(../images/main-nav.jpg) repeat-x 0 0; height: 64px;}
.logo {background: url(../images/logo.png) no-repeat;height: 89px;position: absolute;left: 2px;top: 6px; width: 175px;}
.logo a {display: block; height: 89px; position: relative;}
.logo em {font-family: "微软雅黑";position: absolute;text-transform: uppercase;font-style: normal;width: 100px;font-size: 14px;color: #cb9d6b;font-weight: normal;top: 20px;left: 83px;}
.h_row1 .nav {font-size: 14px;margin-left: 200px;padding: 17px 0;}
.h_row1 .nav li {float: right; display: inline; margin-left: 70px;}
.h_row1 .nav li.cur a,.h_row1 .nav li a:hover {color: #cb9d6b;}

.h_row2 {height: 53px;}
.h_row2 h2 {float: left; display: inline;margin-top: -7px;font-size: 16px;color: #cb9d6b;margin-left: 100px;font-weight: normal;}
.h_row2 ul {float: right; display: inline; margin-top: -3px;}
.h_row2 ul li {float: right; display: inline; font-size: 12px;margin-left: 5px;color: #b3b3b3;}
.h_row2 ul li a {color: #b3b3b3; margin-right: 5px;}
.h_row2 ul li a:hover,.h_row2 ul li.on a {color: #cb9d6b;}

/*footer*/
#footer {border-top: solid 5px #F6F6F6;height: 73px;line-height: 73px;clear: both;color: #999999; font-size: 12px;}
#footer .copyright {float: right; display: inline;margin-left: 10px;}
#footer .link {float: left; display: inline; color: #999; margin-left: -5px;}
#footer .link a {color: #999; margin: 0 5px;}
#footer .link a:hover {text-decoration: underline;}

/*banner*/
#banner .gameindex {position: relative;}
#banner .bigImg {width: 100%; height: 342px !important; position: relative;}
/*#banner .bigImg .bg2 {position: absolute;left: 0;bottom: 0;background: #b08c5a;color: #fff;font-size: 16px;width: 210px;height: 40px;line-height: 40px;z-index: 10;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} */
#banner .bigImg span {z-index: 999;position: absolute;left: 0;bottom: 0;color: #fff;font-size: 16px;height: 40px;line-height: 40px;display: block;padding:0 10px;background: #b08c5a;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
#banner .bigImg img {width: 100%; height: auto;}
#banner .smallScroll {position:absolute; bottom: -75px; right: 0;}
#banner .smallImg {width: 300px;overflow: hidden; margin: 0 15px;}
#banner .smallImg li {width: 100px; float: left; display: inline;}
#banner .smallImg li .box {margin: 0 5px; cursor: pointer; padding-bottom: 11px;}
#banner .smallImg li.on .box {padding-bottom: 10px; border-bottom: 1px solid #cb9d6b;}
#banner .smallImg img {width: 100%; height: 48px;}
#banner .smallScroll .sPrev {display: block; background: url(../images/prev.png) no-repeat left center;
width: 6px;
height: 15px;
position: absolute;
left: 0;
top: 20px;
cursor: pointer; text-indent: -99px; overflow: hidden;}
#banner .smallScroll .sNext {
	display: block; 
background: url(../images/next.png) no-repeat left center;
width: 6px;
height: 15px;
position: absolute;
right: 0;
top: 20px;
cursor: pointer; text-indent: -99px; overflow: hidden;
}

/*page*/
.content {min-height: 400px; _min-height: 400px; zoom: 1;}
.mod {overflow: hidden; position: relative; margin: 0 0 30px;}
.index #page {padding: 20px 0 0; margin: 0 0 30px;}
.index .mod {width: 610px;}
.index .mod h2 {font-size: 16px;font-weight: normal;color: #cb9d6b;border-bottom: solid 2px #f6f6f6;padding: 6px 0;margin: 0 0 8px;}

/*zh_nav*/
.zh_nav { margin: 0 0 20px;}
.zh_nav ul li {float: left; display: inline; font-size: 16px; text-align: center;}
.quarter_nav li {width: 25%;}
#navIn li a {display: inline-block; height: 44px; line-height: 44px; padding-bottom: 2px; margin-bottom: -2px; position: relative;}
#navIn li.on a {border-bottom: solid 2px #cb9d6b; padding-bottom: 0; color: #cb9d6b;}
.case_nav {margin: 0 -32px;margin-bottom: -21px;}
.case_nav li {width: 12.5%;}
.case_nav li .box {padding: 0 32px;}

.zh_nav02{
	border-bottom: 0;
    padding-top:20px;
    border-top: solid 2px #e4e4e4;
}
.zh_nav02 .case_nav02{
	margin: 0;
}
.zh_nav02 .case_nav02 li{
	width:auto;
	padding: 0 39.8px;
	border:2px solid #E4E4E4;
}
.zh_nav02 .case_nav02 li:hover{
	border-color: #cb9d6b;
}
.zh_nav02 .case_nav02 li:hover a{
	color: #cb9d6b;
}
.zh_nav02 .case_nav02 li+li{
	margin-left: 10px;
}
.zh_nav02 .case_nav02 li .box{

	padding: 0;
}
#navIn.zh_nav02 li a{
	line-height: 36px;
	height:36px;
}


/*about*/
h2.tit {font-size: 16px;color: #cb9d6b;font-weight: normal; margin: 0 0 10px;}
.txt_ten p {margin: 0 0 20px;}
.mrhr {border-bottom: solid 1px #e4e4e4; margin: 0 0 20px;height: 1px;width: 100%; background: #e4e4e4;overflow: hidden;}
.about .mod {margin: 0 92px 30px; }
.about .w100 {margin: 0 -20px;}
.w50 {width: 50%; float: left; display: inline;}
.about .w50 .box {padding: 0 20px;}
.w65 {width: 65%; float: left; display: inline;}
.w32 {width: 32%;float: left; display: inline;}
.about .w32 {margin-left: 3%;}

/*project*/
.project .modD {margin: 0 92px 30px;}
.project .modA ul {width: 100%;}
.project .modA ul li {width: 12.5%; float: left; display: inline;}
.project .modA ul li .box a {margin: 0 4px; height: 329px; position: relative; display: block;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}
.project .modA ul li .box a:hover {filter: alpha(opacity=100);-moz-opacity:1;opacity: 1;}
.project .modA ul li.item1 .box a { background: url(../images/p1.jpg) no-repeat 0 0;}
.project .modA ul li.item2 .box a {background: url(../images/p2.jpg) no-repeat 0 0;}
.project .modA ul li.item3 .box a {background: url(../images/p3.jpg) no-repeat 0 0;}
.project .modA ul li.item4 .box a {background: url(../images/p4.jpg) no-repeat 0 0;}
.project .modA ul li.item5 .box a {background: url(../images/p5.jpg) no-repeat 0 0;}
.project .modA ul li.item6 .box a {background: url(../images/p6.jpg) no-repeat 0 0;}
.project .modA ul li.item7 .box a {background: url(../images/p7.jpg) no-repeat 0 0;}
.project .modA ul li.item8 .box a {background: url(../images/p8.jpg) no-repeat 0 0;}
.project .modA ul li a img {position: absolute;width: 100%;}
.project .modA ul li.item1 a img {top: 145px; left: 0;}
.project .modA ul li.item2 a img {top: 30px; left: 0;}
.project .modA ul li.item3 a img {top: 30px; left: 0;}
.project .modA ul li.item4 a img {top: 145px; left: 0;}
.project .modA ul li.item5 a img {top: 145px; left: 0;}
.project .modA ul li.item6 a img {top: 30px; left: 0;}
.project .modA ul li.item7 a img {top: 145px; left: 0;}
.project .modA ul li.item8 a img {top: 30px; left: 0;}

.design_list  {margin: 0 0 30px;}
.design_list li {width: 215px; float: left; display: inline;}
.design_list li.pointer {width: 33px; position: relative; height: 213px;}
.design_list li.pointer img {position: absolute; top: 50%; margin-top: -16px; left: 10px;}
.design_list li .box {background: url(../images/jcbox.jpg) no-repeat 0 0 #F9F6ED;height: 213px;padding: 20px 15px 20px 25px;font-family: '微软雅黑';color: #7B7B7B;font-size: 14px;}
.design_list li .box dt {color: #CCB271;margin: 0 0 10px;position: relative;font-weight: bold;}
.design_list li .box dt em {font-weight: normal; margin-right: 5px;}

.mrhr2 {height: 1px; overflow: hidden; width: 100%; border-bottom: 1px dotted #ccc; margin: 0 0 30px;}

.quarter_list li {width: 24.96%; float: left; display: inline;}
.quarter_list li .box {padding: 0 10px;}
.quarter_list li img {width: 100%; height: auto;}
.txtimg {font-size: 16px;}

.third_list li {width: 33.333%; float: left; display: inline;}
/*.third_list li:nth-child(3n){margin-right:0;}*/
.third_list li .box {padding: 13px 10px;font-size: 16px;}
.list-box li .box{
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.third_list li img {width: 100%; height: auto;}

/*case*/
.mod_head {margin: 0 0 15px; position: relative;}
.mod_head a.m-top {position: absolute;top: 0;right: 0;display: block;padding-left: 15px;background: url(../images/m-top.png) no-repeat left center;}
.case .modA .mod_body {margin: 0 -15px;}
.case .modA .quarter_list li {margin: 0 0 20px;}
.case .modA .quarter_list .box {padding: 0 15px; text-align: center;}
.case .modA .quarter_list .box img {margin: 0 0 10px;}

.case .modB {border-bottom: solid 2px #e4e4e4;padding-bottom: 10px;}
.case .modB .mod_body,.case .modC .mod_body {margin: 0 -20px;}
.case .modB .third_list li,.case .modC .third_list li {margin: 0 0 20px;}
.case .modB .third_list .box,.case .modC .third_list .box {padding: 0 20px; text-align: center;}
.case .modB .third_list .box img {margin: 0 0 10px;}
.case .modC .third_list .box {text-align: left;}

.case .modC .third_list li.casetop { width:100%; color:#cb9d6b;}

.case .modD .mod_body {margin: 0 -10px;}
.case .focus {border-bottom: solid 2px #e4e4e4; margin: 0 0 30px; padding-bottom: 30px; font-size: 16px; text-align: center;}
.case .focus img {margin: 0 0 10px;}

.sllow {height: 505px; width: 775px; margin: 0 auto 10px; position: relative;}
.sllow .bd {width: 775px;position: absolute;left: 50%;margin-left: -387px;}
.sllow .bd .tempWrap {overflow: visible !important;}
.sllow .bd li a {display: block; margin: 0 5px;overflow: hidden;}
.sllow .pnBtn {position: absolute;z-index: 1;top: 0;width: 100%;height: 505px;cursor: pointer;width: 775px;;}
.sllow .prev {left: -50%;margin-left: -387px;}
.sllow .next {left: 100%;margin-right: -387px;}
.sllow .pnBtn .blackBg {display: block;position: absolute;top: 0;width: 100%;height: 505px;background: #000;filter: alpha(opacity=70);opacity: 0.7;}
.sllow .pnBtn.next .blackBg {left: 5px;}
.sllow .pnBtn.prev .blackBg {right: 5px;}
.sllow .pnBtn .arrow {position: absolute; top: 50%; z-index: 100;}
.sllow .pnBtn.prev .arrow {right: 5px;}
.sllow .pnBtn.next .arrow {left: 5px;}
.scroll_info.mtl {margin: 0 0 50px;}
.scroll_info.mtl h4 {font-size: 18px;
text-align: center;
font-weight: normal;}
.txt-color {color: #cb9d6b;}
#case_focus .bd {margin: 0 0 15px;}
#case_focus .bd li {position: relative;}
#case_focus .bd li span {
	background-color: rgba(203,165,107,0.7) !important;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#afcba56b', EndColorStr='#afcba56b');position: absolute;
left: 0;
bottom: 0;
width: 980px;
padding: 9px 10px;
font-size: 16px;
color: #fff;
text-indent: 10px;
text-align: left;
}
#case_focus .bd li img {margin: 0;}
#case_focus .hd ul {position: relative;top: 0; left: 50%; margin-left: -68px;width: 200px;}
#case_focus .hd li {text-indent: -99px;overflow: hidden; float: left; background: #f00 url(../images/dot.jpg) no-repeat -23px 0;width: 11px;height: 11px;overflow: hidden;cursor: pointer;display: inline-block;margin: 0 8px;}
#case_focus .hd li.on {background-position: 0 0;}

/*news*/
.news .mod,.newsin .mod {margin: 0 92px 30px;}
.denglu dt {float: left; display: inline;}
.denglu dd {overflow: hidden;}

.news_list li {position: relative; width: 100%; float: left; display: inline; font-size: 14px; padding: 15px 0; border-bottom: 1px dotted #b3b3b3;}
.news_list li a {display: block; margin-right: 100px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap; display: block; }
.news_list li span {position: absolute; top: 15px; right: 0; color: #b3b3b3;}

.news_article p {margin: 0 0 10px;}
.news_article .hd {text-align: center; padding-bottom: 10px; border-bottom: 1px dotted #b3b3b3; margin: 0 0 30px; font-size: 12px;}
.news_article .hd h2{font-size: 20px;font-weight: normal;}


.map_nav{text-align:center; background:url(../images/line_map.jpg) repeat-x left bottom;height: 36px;}
.map_nav span{display: inline-block; width: 25%; float: left;}
.map_nav a{border-bottom:solid 2px #e4e4e4; display:inline-block; font-size:16px; height:34px; /*padding:0 17px;*/}
.map_nav a:hover{border-bottom:solid 2px #cb9d6b;}
.map_nav .cur a{border-bottom:solid 2px #cb9d6b; color:#cb9d6b;}
.map_cont{margin: 0 90px;position:relative; height: 530px;}
.map_dw{background:url(../images/map.jpg) no-repeat; width:457px; height:397px; position:relative; top:69px; left:345px;}
.map_dw span{position:absolute; font-size:14px; font-family:microsoft yahei;/* color:#e4e4e4;*/ cursor:pointer; width:36px; text-align: center; height:50px; display:block;}
.map_dw span.sh{left: 358px;top: 211px;}
.map_dw span.cd{left: 220px;top: 225px;}
.map_dw span.yn{left:218px; top:290px;}
.map_dw span.xg{left: 310px;top: 295px;}
.map_dw span.tb{left: 386px;top: 274px;}
.map_dw span a { background:url(../images/ico_dw.png) no-repeat center 20px; padding:0 0 14px 0; height:20px; display:block; width:36px;text-align: center;}
.map_dw span.cur a,.map_dw span a:hover,.map_dw span a.cur{background-image:url(../images/ico_dw_cur.png);color:#533d1c;}

.map_intro{position:absolute; left:0; top:45px;background-color:#fff; font-family: "微软雅黑","宋体";font-size: 14px;}
.map_intro .map_intro-bg {background: url(../images/map_intro-bg.jpg) no-repeat 0 0; padding: 6px 9px 11px 7px;width: 285px; height: 425px;}
.map_intro .map_rows a {padding: 10px 15px; display: block;}
.map_intro .map_rows2 a {background: #F5F5F5;}
.map_intro .map_rows a:hover {background: #F9F4EE;}
.map_intro .map_rows a:hover dl,.map_intro .map_rows a:hover dd {color: #6f6f6f;}
.map_intro .map_rows-last {padding: 15px; font-size: 12px;}
.map_intro .map_intro-bg h4 {font-size: 14px;color: #CDA771; font-weight: normal;}
.map_intro .map-bg-title {width: 269px; padding: 15px 20px 15px 15px; height: 428px; font-size: 14px;background: url(../images/map-bg-title.jpg) no-repeat 0 0;}
.map_intro .map-bg-title h6 {width:92px; background: url(../images/title.png) no-repeat 0 0 transparent; padding-top: 5px; line-height: 20px; height: 20px; text-align: center; font-size: 14px;color: #fff;position: relative; left: -16px; top: 0; margin-bottom: 10px;}
.map_intro .map-bg-title .xg-bg {background: url(../images/xg-bg.png) no-repeat center bottom; padding-bottom: 166px; height: 250px;} 
.map_intro .map-bg-title .cd-bg {background: url(../images/cd-bg.png) no-repeat center bottom; padding-bottom: 142px; height: 284px;} 
.map_intro .map-bg-title .sh-bg {background: url(../images/sh-bg.png) no-repeat center bottom; padding-bottom: 166px; height: 260px;} 
.map_intro .map-bg-title .tb-bg {background: url(../images/tb.png) no-repeat center bottom; padding-bottom: 166px; height: 250px;} 
.map_intro h3{font-size:14px; margin:0 0 10px;}
.map_intro dl{overflow:hidden; zoom:1; padding: 0; margin: 0;}
.map-bg-title dl {margin-bottom: 5px;}
.map_intro dt{float:left;padding: 0; margin: 0;}
.map_intro dd{overflow:hidden; zoom:1;padding: 0; margin: 0;}
.clear { clear:both;}
.goback { text-align:right; padding:70px 0 0; clear:both;}