/*css style*/
* {
 margin: 0;
 padding: 0;
}
html, body {
 margin: auto;
 height: 100%;
 margin-left: auto !important;
 margin-right: auto !important;
 text-align: center;
 font: 12px/1.4 Verdana, sans-serif;
 background: url("img/topbg.gif") repeat-x  #fff;
 }

#wrapper {
 margin-left: auto;
 margin-right: auto;
 width: 951px;
 min-height: 100%;
 background: #fff;
}

* html #wrapper {
 height: 100%;
}

#header {
 margin: 0;
 padding: 0;
 height: 71px;
 background: url("img/headerbg.gif") #fff;
}

#header h1 span {
 display: none;
}

#nav { 
 margin: 0 0 5px 0;
 padding: 0px 0px 0px 50px;
 border: 0px;
 background: url("img/navbg.gif") #000;
 width: 901px;
 height: 34px;
 line-height: 34px;
 font-size: 14px;
}

#nav ul {
 clear: both;
 margin: 0px;
 padding: 0;
 height: 26px;
 list-style-type: none;
 text-align: center;
 display: inline;
 line-height: 25px;

}

#nav li {
 float: left;
 display: block;
 margin: 0 5px 0 0;
 padding: 0;
 height: 34px;
 line-height: 34px;
 text-align: center;
}

#nav li img {
 border: none;
}

#nav li a {
 display: block;
 padding: 0px 10px;
 height: 34px;
 width: 100%;
 color: #666;
 text-decoration: none;
}

#nav li a:hover {
 color: #fff;
 font-weight: 500;
}



#nav li.dang a {
 background: url("img/menu_a_bg.gif");
 color: #369;
}

#nav li.dang a:hover {
 color: #369;
 background: url("img/menu_a_bg.gif");
}


#nav ul li#one a {width: 80px}
#nav ul li#two a {width: 80px}
#nav ul li#three a {width: 80px}
#nav ul li#four a {width: 80px}
#nav ul li#five a {width: 80px}
#nav ul li#six a {width: 80px}
#nav ul li#seven a {width: 80px}
#nav ul li.dang a {width:80px}
}
-->

#banner {
 margin:0;
 padding: 0;
 height: 310px;
}

#service {
 margin: 5px 0;
 padding: 0;
 height: 183px;
 background: url("img/servicebg.gif");
}

#service ul {
 margin: 0;
 padding: 0 0 0 50px;
 height: 180px;
 width: 950px;
 list-style-type: none;
 display: inline;
}

#service ul li {
 float: left;
 margin: 10px 5px 0 20px !important;
  margin: 10px 5px 0 13px;
 padding: 0;
}

#service ul li img {
 border: none;
}

#main {
 margin: 0;
 padding: 0;
 width:951px;
 height: 216px;
 background: url("img/mainbg.gif") no-repeat;
}

#m_left,#m_right {
 width: 460px;
 height: 210px;
 margin: 5px;
 padding: 0;
}

#m_left {
 float: left;
}

#m_right {
 float: right;
 }

#m_left h3,#m_right h3 {
 margin: 0;;
 padding: 0;
 width: 457px;
 height: 19px;
 background: url("img/main_title.gif");
}

#m_left h3 span,#m_right h3 span {
 color: #666;
 font-size: 12px;
 font-weight: 500;
 float: left;
 margin-left: 15px;
}

#m_left ul,#m_right ul {
 margin: 5px 0 0 35px;
 padding: 0;
 height: 190px;
 list-style-type: decimal;
 text-align: left;
}

#m_left ul li,#m_right ul li {
 color: #666;
}

#m_left ul li a,#m_right ul li a {
 color: #666;
 text-decoration: none;
}

#m_left ul li a:hover,#m_right ul li a:hover {
 color: #39f;
 text-decoration: none;
}

#tijiaoxuqiu {
 margin: 5px 0;
 padding: 0;
 height: 106px;
 background: url("img/tijiao_bg.gif") no-repeat;
}

#t_left {
 margin: 5px 0 0 5px;
 padding: 0;
 width: 470px;
 float: left;
}

#t_left h3 {
 margin: 0;;
 padding: 0;
 width: 457px;
 height: 19px;
 background: url("img/main_title.gif");
}

#t_left h3 span {
 color: #666;
 font-size: 12px;
 font-weight: 500;
 float: left;
 margin-left: 15px;
}

#t_left p {
 color: #666;
 text-align: left;
 margin: 5px 0 0 15px;
}

#t_right {
 margin: 5px 3px 0 0 !important;
 margin: 5px 0px 0 0;
 padding: 0;
 float: right;
 width: 470px;
 height: 106px;
}

#footer {
 text-align: right;
 margin: 5px 0;
 padding: 0;
 height: 106px;
 background: url("img/footerbg.gif");
}

#footer p {
 margin: 10px;
 color: #666;
}

#footer p a {
 color: #666;
 font-weight: 500;
 text-decoration: none;
}


#cmain {
 width: 951px;
 text-align: center;
}

#contentother {
 width: 951px;
 background: #fff;
 margin: 0;
 padding: 0;
 text-align: left;
}


/*二级菜单*/

<!--
#nav2 { 
 margin: 0 0 5px 0;
 padding: 0 0 0 10px;
 border: 0;
 color: #666;
 width: 941px;
 height: 33px;
 background: url("../img/pagenavbg.gif") #666;
}

#nav2 ul {
 clear: both;
 margin: 0px;
 list-style-type: none;
 text-align: center;
 display: inline;
 line-height: 33px;
 background: url(../img/pagenavbg.gif);
}

#nav2 li {
 float: left;
 display: block;
 margin: 0 5px 0 0;
 padding: 0px;
 text-align: center;
}

#nav2 li a {
 display: block;
 padding: 0px;
 height: 33px;
 width: 100%;
 color: #dedcdc;
 text-decoration: none;
}

#nav2 li a:hover {
 background: url("../img/pagenavbg_hover.gif") #000;
 color: #fff;
}



#nav2 li.dang {
 background: url("../img/pagenavbg_a.gif");
 color: #fff;
}

#nav2 li.dang a {
 background: url("../img/pagenavbg_a.gif") #000;
 color: #fff;
}

#nav2 li.dang a:hover {
 color: #000;
 background: url("../img/pagenavbg_a.gif") #fff;
}


#nav2 ul li#one a {width: 80px}
#nav2 ul li#two a {width: 80px}
#nav2 ul li#three a {width: 80px}
#nav2 ul li#four a {width: 80px}
#nav2 ul li#five a {width: 80px}
#nav2 ul li#six a {width: 80px}
#nav2 ul li#seven a {width: 80px}
#nav2 ul li.dang a {width:80px}
}
-->


/*作品页文件缩略图*/
.pageprolist {
 margin: 0;
 padding: 0;
}

.pageprolist p {
 margin: 0;
 padding: 0;
 text-align: center;
}

.pageprolist ul li {
  list-style-type: none;
}

.pageprolist a {
 text-decoration: none;
 color: #787878;
}

.pageprolist a:hover {
 color: #e20101;
}


.pageprolist p {
 text-align: left;
 margin: 0 15px;
}

/*作品页大图*/
.pageproshow {
 margin: 20px;
 text-aligan: left;
 list-style-type: none;
}

.pageproshow p { 
 clear: both;
 width: 900px;
 height: 20px;
 margin: 0;
 padding: 0;
 text-align: left;
 color: #333;
 background: #fff;
 font: 12px/1.4 Verdana, sans-serif;
}
 
.pageproshow p a {
 font-size: 12px;
 color: #333;
 text-decoration : none;
}

.pageproshow p a:hover {
 color: #e20101;
 background: #fff;

}

h4 {
 font-size: 12px;
 color: #369;
}

h5 {
 font-size: 14px;
 color: #787878;
 margin: 10px;
}

/*作品详细页图片容器*/
.imgpage {
 margin: 30px 0 5px 0;
 padding: 0;
 width: 802;
 text-align: center;
}


/*----------------------------案例列表样式----------------------------*/

#design_list {
    margin: 5px 0 0 0;
	width: 951px;
	
}
#design_list ul {
    width: 180px;
	height: 170px;
    overflow: hidden;
	float: left;
	margin: 0 10px 10px 0;
    padding: 0;
}

.design_img img {
 border: none;
}
.design_img {
 text-align: center;
  background: #dedcdc;
 padding: 3px;

}

.design_info1 {
  padding-left: 7px;
  color: #000;
 background: #ebebeb;
}

.design_info2 {
  padding-left: 7px;
  color: #333;
 background: #dedcdc;
}



/*客户列表*/
#customer_list {
    margin: 5px 0 0 0;
	width: 950px;
}
#customer_list ul {
    width: 948px;
	height: 300px;

	margin: 0 10px 10px 0;
}

#customer_list ul li {
 	float: left;
    margin: 10px;
}

#customer_list ul img {
 border: 1px solid #ccc;
}



/*成员介绍*/
#tableus {
 margin: 0;
 padding: 0;
 width:900px;
 text-align: center;
 color: #000;
 background: #fff;
 }
 
.table1 {
 margin: 0 0 20px 10px;
 padding: 10px;
 width:900px;
 height: 150px;
 text-align: left;
 color: #000;
 background: #dcdcdc;
 border-bottom: 5px solid #696969;
 border-right: 5px solid #696969;
 }


.table1 P {
 font-weight: 500;
 text-indent: 2em;
 color: #000;
}

.table1 img {
 border: none;
 float: left;
 margin-right: 10px;
}