p,li,ul,dt,dl,dd,a,blockquote,body,h1,h2,h3,h4,h5,h6{padding:0px; margin:0px; text-decoration:none; font-size:13px;list-style-type:none;font-family:'微软雅黑'; color:#504f51;}
a,span,label,b{ font-size:13px;}
a{ text-decoration:none;}
ul,li{text-decoration:none; list-style-type:none;}
img{ border:0px; vertical-align:bottom;}
input,select,textarea{ outline:none;}
.clear{ clear:both;}
.l{ float:left;}
.r{ float:right;}
.over{ overflow:hidden; zoom:1;}
.none{ display:none;}
a:hover{ color:#504f51; text-decoration:none;}
li,div,input, textarea, button, a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
li:focus,div:focus,input:focus, textarea:focus, button:focus, a:focus{ outline:none;}
@font-face {
font-family:SourceHanSans;
src: url('SourceHanSans-Normal.otf');
}

*{
	margin: 0;
	padding: 0;
}
body{ background:url(../images/bg1.jpg) no-repeat top center;}
.content{ width:1280px; margin:0 auto;}
.topicolist{ margin-top:90px; width:220px;}
.topicolist span{ margin-top:5px; display:block; margin-right:5px; float:left; padding-right:13px; padding-left:13px; line-height:15px; background:url(../images/bg3.jpg) no-repeat right center;}
.topicolist img{ display:block; float:left; margin-left:5px;}
.title{ border-top:1px solid #e6e6e7; background:url(../images/bg4.jpg) no-repeat bottom center; line-height:40px; color:#000; font-size:15px; text-align:center; margin-top:60px;}
.chanpinlist{ width:1000px; margin:0 auto;}
.chanpinlist dl{ float:left; margin:35px 0; line-height:45px; text-align:center;}
.chanpinlist dl dd a{ color:#000; font-weight:bold;}
.chanpinlist dl:hover dd{ color:#fff;}
.heisepingmu{ background:url(../images/bg5.png); position:absolute; width:250px; height:230px; margin-top:-230px; display:none;}
.indexcontent{ width:100%; background:url(../images/bg2.png) no-repeat right bottom;}
.footer{ background:#4d4d4d; height:55px; text-align:center; padding-top:20px; width:100%;}
.aboutus{ width:980px; margin:0 auto;}
.aboutus h2{ margin-top:200px;}
.aboutcontent{ margin:50px 0 100px 0;}
.aboutcontent p{ width:770px; text-indent:2em; color:#54040c; line-height:30px; font-size:14px;}

.neiyecplist{ width:1000px; margin:0 auto; margin-top:120px; margin-bottom:50px;}
.flickr_badge_image{ display:block; float:left; margin:9px; line-height:45px; text-align:center;}
.heisepingmu2{ background:url(../images/bg5.png); position:absolute; width:315px; height:180px; margin-top:-180px; display:none; padding-top:30px; text-align:center; color:#fff; font-weight:bold;}

.lianxi{ width:1000px; margin:0 auto; margin-top:200px; margin-bottom:50px; min-height:750px;}
.lianxilef{ padding-top:100px;}
.lianxirig{ margin-left:155px; margin-top:200px; background:url(../images/ico6.png) no-repeat left top; height:200px;}
.lianxirig p{ margin-left:35px; margin-bottom:34px; font-size:14px;}

.huoban{ width:1275px; margin:0 auto; margin-top:200px; margin-bottom:50px;height:637px; min-height:750px;}
.huoban p{ color:#000; margin-left:32px; margin-bottom:10px;}
.huobanimg{ position:absolute; margin-top:-55px;}

.header{ line-height:25px;}
.head h2{ float:left; font-weight:100; font-size:12px; color:#565656}
.head p{ float:right; font-weight:100; font-size:12px;}
.logoer{ float:left; margin-top:10px;}
.banner{ width:1283px; margin:0 auto; margin-top:130px;margin-bottom:50px; background:url(../images/bg33.png) no-repeat bottom center; height:500px;}
.jqucon{ width:1283px; height:440px; overflow:hidden; position:relative; margin-right:8px;}
.list{ position:absolute; z-index:2; width:100200px;}
.list a{ float:left;}
.page{ position:absolute; left:588px; bottom:16px; z-index:3;}
.page span.current{ background:#ea5c2e;opacity:1;}
.page span{ float:left; width:16px; height:16px; background:#fff; border-radius:18px;margin-right:10px; margin-left:10px; cursor:pointer; opacity:0.5;}


.search{ float:right;width:125px; height:52px; line-height:25px; margin-top:45px;}
.search a{ color:#fff; height:52px; display:block; width:125px; background:#613e1d; text-align:center; line-height:52px; font-size:15px;}

.naver{ margin-top:95px; width:500px; float:left;}
.naver ul li.last{ background:none;}

.xiaomianshu p{ font-family:"SourceHanSans"; font-size:16px;}

#header {
	POSITION: absolute;  Z-INDEX: 1; WIDTH: 620px;
}
#header .nav {
	FLOAT: left; MARGIN-TOP: 10px; WIDTH: 620px
}
#header .nav UL .mainlevel {
	 FLOAT: left; PADDING-LEFT: 2px; LINE-HEIGHT: 33px;
}
* HTML .nav UL .mainlevel {
	BACKGROUND: 0px 0px; POSITION: relative
}
#header .nav UL {
	DISPLAY: table
}
.mainlevel{ padding-right:13px; padding-left:13px; background:url(../images/bg3.jpg) no-repeat right center; }
#header .nav UL LI .nav-a {
	FONT-SIZE: 13px; HEIGHT: 33px;  COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; TEXT-DECORATION: none; DISPLAY: inline-block; LINE-HEIGHT: 33px; PADDING-RIGHT: 10px
}
#header .nav UL LI .current.nav-a {
	BACKGROUND: url(../images/repeat-bg.png) repeat-x 0px 0px
}
#header .nav UL LI .nav-a:hover {
	HEIGHT: 33px; BACKGROUND: url(../images/repeat-bg.png) repeat-x 0px 0px; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; LINE-HEIGHT: 33px; PADDING-RIGHT: 10px
}
#header .nav UL LI .nav-a {
	FONT-SIZE: 13px; HEIGHT: 33px; BACKGROUND: url(../images/repeat2-bg.png) repeat-x 0px 0px; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; TEXT-DECORATION: none; DISPLAY: inline-block; LINE-HEIGHT: 33px; PADDING-RIGHT: 10px
}
#header .nav UL LI .current.nav-a {
	BACKGROUND: url(../images/repeat-bg.png) repeat-x 0px 0px
}
#header .nav UL LI .nav-a:hover {
	HEIGHT: 33px; BACKGROUND: url(../images/repeat-bg.png) repeat-x 0px 0px; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; LINE-HEIGHT: 33px; PADDING-RIGHT: 10px
}
#header .nav UL LI.first-crl {
}
#header .nav UL LI.first-crl .nav-a {
	HEIGHT: 33px; 
}
#header .nav UL LI:hover .nav-a {
	HEIGHT: 33px;
}
#header .nav UL LI.first-crl .nav-a .current {
	HEIGHT: 33px;
}
#header .nav UL LI.first-crl .nav-a:hover {
	HEIGHT: 33px;
}
#header .nav UL LI.end-crl .nav-a {
	HEIGHT: 33px; BACKGROUND:#373334; PADDING-RIGHT: 10px
}
#header .nav UL LI.end-crl .current.nav-a {
	HEIGHT: 33px; BACKGROUND:#373334; PADDING-RIGHT: 10px
}
#header .nav UL LI.end-crl .nav-a:hover {
	HEIGHT: 38px; BACKGROUND:#373334; PADDING-RIGHT: 10px
}
.mainlevel DIV {
	HEIGHT: 85px; BACKGROUND:#373334; POSITION: absolute; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TOP: 43px; display:none; WIDTH: 90px; overflow:hidden;
}
#sub_01 {
	LEFT: 230px
}
#sub_02 {
	LEFT: 74px
}
#sub_03 {
	LEFT: 145px
}
#sub_04 {
	LEFT: 276px
}
#sub_05 {
	RIGHT: 193px
}
#sub_06 {
	RIGHT: 118px
}
#sub_07 {
	RIGHT: 43px
}
#sub_08 {
	RIGHT: 100px
}
.mainlevel DIV OL {
	OVERFLOW: hidden; DISPLAY: block; WIDTH: 90px
}
.mainlevel DIV LI {
	 LINE-HEIGHT: 27px; WIDTH: 90px
}
.mainlevel DIV LI A {
	HEIGHT: 32px; COLOR: #fff; text-align:center;  DISPLAY: inline-block; LINE-HEIGHT: 32px; WIDTH: 90px; background:url(../images/bg6.jpg) no-repeat bottom center;
}
.mainlevel DIV LI A:hover {
	COLOR: #fff
}
.mainlevel DIV .nav-img {
	FLOAT: right; DISPLAY: inline-block
}
.mainlevel DIV SPAN IMG {
	BORDER-TOP: #ffffff 3px solid; BORDER-RIGHT: #ffffff 3px solid; BORDER-BOTTOM: #ffffff 3px solid; BORDER-LEFT: #ffffff 3px solid
}


.gengduo{ text-align:right; margin-bottom:20px; font-size:25px; font-family:宋体}
.gengduo a{ font-size:16px;}
 .case_items{ width:1050px;  overflow:hidden;  margin-left:-1px; margin:0 auto; margin-top:120px; min-height:750px; margin-bottom:50px;}
 
 .item_title{ position:absolute; bottom:-2px;font-size:12px;  padding-left:15px; padding-top:5px; height:25px; width:305px; background-color:#000000;}
 .item_title a{ color:White;}
 .item_list{ width:320px; height:180px; float:left; margin-left:10px; position:relative; margin-top:15px;}
 .item_list img{ width:320px; height:180px;}
.the_post_grid { margin-bottom:20px; padding: 6px; width:320px; float:left; }
.theBigImage { height: 180px; width:320px; position: relative; overflow: hidden;}			
.the_big_overlay {background-image: url(../images/big-image-overlay.png); position: absolute; z-index: 200; width: 319px; height: 178px; border:1px solid #0e0e0e; top:180px; left: 0; opacity: 0;}
.the_big_overlay h2{font-size:15px;color:#fff;font-family: 'Cabin', Helvetica, Arial, Sans-serif;padding:25px 10px 0;line-height: 1.5em;}			
.the_big_overlay h2 a {color: #ccc;}
.the_big_overlay h2 a:hover {color: #fff!important}		
.the_big_overlay p {font-size:12pxcolor:#878787;padding:10px 30px;line-height: 1.5em;}


#mainsection{ width:100%; padding-top:0px; min-height:750px;background:url(../images/bg2.png) no-repeat right bottom;}
#mainsection div.title{ width:100%; border-top:1px solid #f0f0f0;}
#mainsection div.title h1{ font-size:17px; letter-spacing:1px; color:#000; width:100%; text-align: center; height:26px; line-height:26px; font-weight:normal;}
#mainsection div.title div.bar{ width:40px; height:6px; border-bottom:1px solid #000; margin:auto;}

#mainsection div.works{ width:1000px; margin:auto; padding-top:25px;}
#mainsection div.works ul li{ width:100%; /*height:277px;*/}
#mainsection div.works ul li div.workBox{ position:relative; float:left; width:250px;padding-bottom: 100px;}
#mainsection div.works ul li div.workBox img{ width:250px; height:180px;}
#mainsection div.works ul li.first div.workBox img{ }
#mainsection div.works ul li div.workBox p{ position:absolute; left:0px; top:180px; width:100%; text-align:center; color:#606060; font-size:13px; line-height:21px; padding-top:4px; z-index:11; cursor:pointer;}
#mainsection div.works ul li.first div.workBox p{ top:185px;}
#mainsection div.works ul li div.workBox div.cover{ display:none; position:absolute; top:0px; left:0px; width:250px; height:226px; background-color:black; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index:10;}
#mainsection div.works ul li.first div.workBox div.cover{ height:231px;}
#mainsection div.works ul li div.workBox a{ position:absolute; top:0px; left:0px; display:block; width:250px; height:226px; z-index:12;}


#mainsection div.title{ width:100%; border-top:1px solid #f0f0f0;}
#mainsection div.title h1{ font-size:17px; letter-spacing:1px; color:#000; width:100%; text-align: center; height:26px; line-height:26px; font-weight:normal;}
#mainsection div.title div.bar{ width:40px; height:6px; border-bottom:1px solid #000; margin:auto;}
#mainsection div.works{ width:1000px; margin:auto; padding-top:25px;}
#mainsection div.works ul li{ width:100%; /*height:277px;*/}
#mainsection div.works ul li div.workBox{ position:relative; float:left; width:250px;padding-bottom: 100px;}
#mainsection div.works ul li div.workBox img{ width:250px; height:180px;}
#mainsection div.works ul li.first div.workBox img{}
#mainsection div.works ul li div.workBox p{ position:absolute; left:0px; top:180px; width:100%; text-align:center; color:#606060; font-size:13px; line-height:21px; padding-top:4px; z-index:11; cursor:pointer;}
#mainsection div.works ul li.first div.workBox p{ top:185px;}
#mainsection div.works ul li div.workBox div.cover{ display:none; position:absolute; top:0px; left:0px; width:250px; height:226px; background-color:black; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index:10;}
#mainsection div.works ul li.first div.workBox div.cover{ height:231px;}
#mainsection div.works ul li div.workBox a{ position:absolute; top:0px; left:0px; display:block; width:250px; height:226px; z-index:12;}