www.gusucode.com > 【T774】红色大型装修设计家装软装别墅装修网站织梦模板源码程序 > 【T774】红色大型装修设计家装软装别墅装修网站织梦模板/dede58/css/internal.css

    /* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
/* CSS Document */
* {
	word-wrap: break-word;
	outline: none;
	margin: 0;
}
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 24px;
	font-family: "Microsoft YaHei", "????????????", "Arial", "Arial Narrow";
	background: #FFF;
	color: #666;
}
form, ol, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, h9 {
	margin: 0;
	padding: 0;
}
input, select {
	font-size: 12px;
	line-height: 24px;
}
img {
	border: 0;
}
ul, li {
	list-style-type: none;
}
cite, em, i {
	font-style: normal;
}
.pre {
	margin: 0;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.break {
	white-space: nowrap;
	word-wrap: break-word;
	display: inline-block;
}
/* ???????????? */
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #811f1c;
}
/* ???????????? */
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right !important;
}
.cl {
	clear: both;
}
/*????????????*/
.tc {
	text-align: center;
}
.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
/*?????????*/
.dis {
	display: block;
}
.undis, #cnzz {
	display: none;
}
.ove {
	overflow: hidden !important;
}
.vis {
	overflow: visible !important;
}
/*????????????*/
.fb {
	font-weight: bold;
}
.fn {
	font-weight: normal;
}
/*????????????*/
.fe70 {
	color: #811f1c;
}
.f33 {
	color: #333;
}
.f66, .f66 a, a.f66 {
	color: #666;
}
.f99, .f99 a, a.f99 {
	color: #999;
}
.f66 a:hover, a.f66:hover, .f99 a:hover, a.f99:hover {
	color: #811f1c;
}
/*title*/
h3, .h3 {
	font-size: 14px;
	font-weight: bold;
}
h4 {
	font-size: 12px;
}
.f10 {
	font-size: 10px;
}
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.fari {
	font-family: Arial, Helvetica, sans-serif;
}
.ftaho {
	font-family: Tahoma, Geneva, sans-serif;
}
.tran {
	transition: all 0.3s linear 0s;
}
/*= Extra CSS */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font: 0/0 sans-serif;
	visibility: hidden;
}
/*img A*/
.imga {
	display: block;
}
/*end*/
#end {
	margin-right: 0;
}
/*hr*/
.hr10 {
	height: 10px;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
.hr15 {
	height: 15px;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
.hr20 {
	height: 20px;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
.hr30 {
	height: 30px;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
/*Css Div*/
.Column-100 {
	width: 100%;
	height: auto;
}
.Column {
	position: relative;
	width: 1190px;
	height: auto;
	margin: 0 auto;
}
.Column-L {
	float: left;
	display: inline;
	width: 950px;/*margin-right: 20px;*/
}
.Column-R {
	float: left;
	display: inline;
	width: auto;
	padding: 9px 20px;
	/*border: 1px solid #EAEAEA;*/
	border-top: none;
	/*background: #FAFAFA;*/
	background: transparent !important;
}
/*????????????*/
.moduleTop {
	height: 120px;
	background: url(img/module_tt.png) repeat-x;
	border-bottom: 2px #811f1c solid;
}
.moduleTop .moduleTt {
	float: left;
	width: 436px;
	height: 45px;
	margin-top: 40px;
}
.moduleTop .moduleTt.house, .moduleTop .moduleTt.cases, .moduleTop .moduleTt.team, .moduleTop .moduleTt.process, .moduleTop .moduleTt.service, .moduleTop .moduleTt.about, .moduleTop .moduleTt.product, .moduleTop .moduleTt.commercial, .moduleTop .moduleTt.news {
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
}
.moduleTop .moduleTt.house span, .moduleTop .moduleTt.cases span, .moduleTop .moduleTt.team span, .moduleTop .moduleTt.process span, .moduleTop .moduleTt.service span, .moduleTop .moduleTt.about span, .moduleTop .moduleTt.product span, .moduleTop .moduleTt.commercial span, .moduleTop .moduleTt.news span {
	font-size: 40px;
}
.moduleTop .Leader {
	margin-top: 50px;
	color: #FFF;
	font-size: 14px;
}
.moduleTop .Leader a {
	color: #FFF;
}
.moduleTop .Leader a:hover {
	text-decoration: underline;
}
.CateList {
	height: 50px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E8E8E8;
	background: #F2F2F2;
	line-height: 50px;
}
.CateList li {
	float: left;
}
.CateList li a {
	position: relative;
	z-index: 9;
	display: block;
	width: 125px;
	margin-left: -1px;
	border-left: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
	text-align: center;
	font-size: 14px;
}
.CateList li.current a, .CateList li a:hover {
	z-index: 99;
	background: #FFF;
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #FFF;
	color: #811f1c;
}
.pubSearch {
	width: 100%;
	margin-bottom: 15px;
}
.pubSearch dl {
	float: left;
	width: 100%;
	border-bottom: 1px solid #EEE;
	font-size: 14px;
	line-height: 40px;
}
.pubSearch dt {
	float: left;
	/*width: 5%;*/
	width: auto;
	padding-left: 5px;
	color: #333;
	font-weight: bold;
}
.pubSearch dt i {
	float: right;
	height: 15px;
	margin-left: 8px;
	margin-top: 13px;
	border-right: 1px solid #CCC;
}
.pubSearch dd {
	float: left;
	/*width: 700px;*/
	width: auto;
}
.pubSearch dd a {
	margin-left: 5px;
	padding: 3px 8px;
	color: #666;
}
.pubSearch dd a:hover, .pubSearch dd a.current {
	background: #811f1c;
	color: #FFF;
}
.pubSearch dd a:hover span, .pubSearch dd a.current span {
	color: #FFF;
}
.pubSearch .search {
	line-height: 35px;
	position: absolute;
	left: 73%;
}
.pubSearch .search input {
	float: left;
	display: inline;
	height: 35px;
	border: none;
	margin: 0;
	padding: 0;
	background: url(img/pub_bg.png) no-repeat;
	line-height: 35px;
}
.pubSearch .search .input {
	width: 235px;
	padding-left: 10px;
}
.pubSearch .search .button {
	width: 35px;
	background-position: -245px 0;
	text-indent: -999em;
	cursor: pointer;
}
.bigTitle {
	position: relative;
	width: 950px;
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid #DDD;
	color: #811f1c;
	font-size: 20px;
	line-height: 30px;
}
.bigTitle i {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 50px;
	height: 1px;
	background: #3D474A;
}
.Column-R .bigTitle {
	margin-bottom: 12px;
}
.msgTitle {
	position: relative;
	width: 950px;
	clear: both;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
	line-height: 30px;
}
.msgTitle .line {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 280px;
	height: 1px;
	background: #811f1c;
}
.msgTitle h1 {
	font-size: 24px;
	font-weight: normal;
	color: #333;
}
.msgTitle .jiathis_style {
	margin-top: 12px;
}
.msgTitle .jiathis_style .jiathis_separator {
	margin: 0 5px 0 0;
}
.msgInfo {
	width: 950px;
	height: 60px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #CCC;
	line-height: 60px;
	overflow: hidden;
}
.msgInfo em {
	float: left;
	margin-right: 50px;
}
.msgPN a {
	float: left;
	width: 75px;
	height: 40px;
	margin: 10px 5px;
	background: url(img/pub_bg.png) 0 -65px no-repeat;
	text-indent: -999em;
}
.msgPN a.next {
	background-position: -150px -65px;
}
.msgPN a.prewidth: 950px;
v:hover {
	background-position: -75px -65px;
}
.msgPN a.next:hover {
	background-position: -225px -65px;
}
.msgContent {
	width: 930px;
	overflow: hidden;
	font-size: 18px;
	line-height: 30px;
	min-height: 200px;
}
.pubCTop {
}
.pubCTop li {
	float: left;
	width: 100%;
	border-bottom: 1px solid #EAEAEA;
	line-height: 30px;
}
.pubCTop li .num {
	float: left;
	width: 15px;
	height: 15px;
	margin: 8px 27px 0 0;
	background: url(img/pub_bg.png) -260px -120px no-repeat;
	line-height: 14px;
	text-align: center;
	color: #FFF;
}
.pubCTop li .num.red {
	background-position: -260px -105px;
}
.pubCTop li.first .num {
	width: 35px;
	height: 35px;
	margin: 0 10px 0 0;
	background-position: -280px -105px;
	text-indent: -999em;
}
.pubCTop li.first img {
	width: 100px;
	height: 75px;
	margin: 0 10px 10px 0;
}
.prMore {
	width: 255px;
	margin: 0 auto;
}
.prMore li {
	float: left;
	width: 120px;
	height: 120px;
	margin: 0 15px 10px 0;
	text-align: center;
}
.prMore li img {
	width: 120px;
	height: 90px;
	margin-bottom: 5px;
}
.prMore li a:hover img {
	margin: -2px -2px 3px;
	padding: 2px;
	background: #811f1c;
}
.pubPlayer {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 45px;
	height: 45px;
	margin: -23px;
	background: url(img/pub_bg.png) -260px -210px no-repeat;
}
li.hover .pubPlayer {
	background-position: -305px -210px;
}
/*????????????*/
.NewsList {
}
.NewsList li {
	float: left;
	width: 350px;
	padding: 10px;
	margin: 0 30px 25px -10px;
	transition: all 0.3s linear 0s;
}
.NewsList li#end {
	margin-right: -10px;
}
.NewsList li .ht {
	position: relative;
	float: left;
	display: inline;
	width: 100%;
	height: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #BBB;
	line-height: 45px;
}
.NewsList li .ht .line {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 70px;
	height: 1px;
	background: #811f1c;
}
.NewsList li .time i, .ThinkList .time i {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 2px;
	background: url(../images/i_bg.png) -270px -360px no-repeat;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
}
.NewsList li .time i.year, .ThinkList .time i.year {
	background-position: -225px -360px;
}
.NewsList li h3 {
	clear: both;
	height: 50px;
	overflow: hidden;
}
.NewsList li h3 a {
	font-size: 18px;
	line-height: 50px;
	font-weight: normal;
	color: #811f1c;
}
.NewsList li img {
	width: 100px;
	height: 75px;
	margin-right: 20px;
}
.NewsList li p {
	height: 75px;
	overflow: hidden;
}
.NewsList li.hover {
	background: #FFF;
	box-shadow: 0 0 10px #666;
	border-radius: 5px;
}
/*????????????*/
.SpecList {
}
.SpecList li {
	float: left;
	/*width: 1160px;*/
	width: 900px;
	padding: 10px 20px 20px;
	transition: all 0.3s linear 0s;
}
.SpecList li .ht {
	margin-bottom: 10px;
}
.SpecList li img {
	/*width: 900px;*/
	width: 550px;
	height: 250px;
	margin-right: 25px;
}
.SpecList li .note {
	height: 96px;
	overflow: hidden;
}
.SpecList li .date {
	height: 72px;
	margin: 15px 0 20px;
	padding-top: 15px;
	border-top: 1px dotted #DDD;
	overflow: hidden;
}
.SpecList li .btn {
	float: left;
	width: 96px;
	height: 30px;
	margin-right: 10px;
	background: url(img/pub_bg.png) 0 -35px no-repeat;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	text-indent: 5px;
}
.SpecList li .view {
	background-position: -105px -35px;
}
.SpecList li .order:hover {
	background-position: -210px -35px;
}
.SpecList li .view:hover {
	background-position: -315px -35px;
}
.SpecList li.hover {
	background: #F8F8F8;
	box-shadow: 0 0 10px #666;
	border-radius: 5px;
}
/*????????????*/
.teamCateInfo {
	margin-bottom: 25px;
}
.teamCateInfo .img img {
	width: 860px;
	height: 300px;
}
.teamCateInfo .txt {
	width: 310px;
	margin-left: 20px;
}
.teamCateInfo .txt .fari {
	color: #DDD;
	font-size: 48px;
	line-height: 50px;
	font-weight: bold;
}
.teamCateInfo .txt .subcate {
	margin: 20px 0 15px;
	font-size: 24px;
	color: #811f1c;
}
.teamCateInfo .txt .note {
	text-indent: 2em;
}
.pubOrder {
	width: 35px;
	height: 27px;
	padding: 4px 0;
	background: url(img/pub_bg.png) -385px 0 no-repeat;
	line-height: 14px;
	color: #FFF;
	text-align: center;
}
.pubOrder:hover {
	color: #FFF;
}
.teamBtn {
	display: block;
	width: 125px;
	height: 50px;
	margin: 0 auto;
	background: url(img/pub_bg.png) 0 -105px no-repeat;
	text-indent: -999em;
}
.teamBtn.book {
	background-position: -125px -105px;
}
.teamBtn.visit {
	background-position: 0 -235px;
}
.teamBtn.order:hover {
	background-position: 0 -160px;
}
.teamBtn.book:hover {
	background-position: -125px -160px;
}
.teamBtn.visit:hover {
	background-position: -125px -235px;
}
.Column .teamDesc {
	padding: 0 65px;
	height: 150px;
	background: #fff;
	margin-bottom: 10px;
}
.Column .teamDesc h1 {
	color: #3e3a39;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	font-weight: bold;
}
.Column .teamDesc h1 span {
	padding-left: 15px;
	color: #e9e9e9;
}
.Column .teamDesc p {
	line-height: 24px;
	color: #3e3a39;
}
/*????????????*/
.formBox {
	position: absolute;
	/*right: 0;*/
	right: 10px;
	height: 340px;
	/*background-color: #fff;*/
	background: transparent;
	padding: 10px;
	border: 1px #999 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.formBox h1 {
	color: #3e3a39;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding-top: 25px;
}
.formBox h2 {
	color: #811f1c;
	text-align: center;
	margin: 5px 0px 25px 0px;
}
.formBox div {
	padding-left: 0px;
	line-height: 28px;
	height: 28px;
	margin-bottom: 10px;
}
.formBox div span {
	width: 60px;
	display: inline-block;
	color: #777777;
}
.formBox div input {
	width: 120px;
	height: 24px;
	border: 1px solid #cbcbcb;
	padding-left: 10px;
	line-height: 20px;
}
.formBox div input:focus {
	border-color: #811f1c;
}
.formBox div .code {
	width: 40px;
}
.formBox .btnbox {
	margin: 10px 0;
	padding-left: 0px;
}
.formBox .btnbox .submit {
	width: 196px;
	height: 36px;
	border: none;
	cursor: pointer;
	background: #811f1c;
	font-size: 14px;
	color: #fff;
	border-radius: 8px;
}
.formBox .numbox {
	padding-left: 0px;
}
.formBox i {
	padding: 0 5px;
	color: #811f1c;
}
.TeamList {
}
.TeamList li {
	float: left;
	width: 250px;
	height: 465px;
	margin: 0 23px 30px 0;
	padding: 10px 5px;
	background: #F5F5F5;
	overflow: hidden;
}
.TeamList .show {
	margin-bottom: 10px;
	font-size: 24px;
	color: #CCC;
}
.TeamList .cup {
	width: 35px;
	height: 35px;
	margin-right: 5px;
	background: url(img/pub_bg.png) -350px 0 no-repeat;
}
.TeamList .name {
	width: 100px;
	font-size: 30px;
	color: #811f1c;
	line-height: 35px;
}
.TeamList p {
	line-height: 18px;
	color: #3d474a;
}
.TeamList .imga img {
	width: 240px;
	height: 333px;
	margin: 15px 0 10px;
}
.TeamList .cases a {
	margin-right: 10px;
}
.TeamList .cases img {
	width: 115px;
	height: 90px;
}
.TeamList .cases a:hover img {
	margin-top: -2px;
	border-bottom: 2px solid #811f1c;
}
.TeamList li.hover {
	padding: 8px 3px;
	border: 2px solid #811f1c;
}
.teamInfo {
	margin-top: 20px;
	font-size: 14px;
}
.teamInfo .img {
	width: 250px;
	margin-right: 25px;
}
.teamInfo .img img {
	width: 250px;
	height: 350px;
}
.teamInfo .txt {
	width: 650px;
}
.teamInfo .orderNum {
	margin-right: 10px;
	font-size: 20px;
	line-height: 45px;
}
.teamInfo .orderNum span {
	float: left;
	height: 45px;
	padding-right: 1px;
	background: url(img/pub_bg.png) -351px -70px no-repeat;
	color: #FFF;
	font-size: 40px;
	line-height: 45px;
	font-family: Arial, Helvetica, sans-serif;
}
.teamInfo .pubOrder {
	margin-top: 5px;
}
.teamInfo .hits {
	padding-left: 18px;
	background: url(img/pub_bg.png) -385px -117px no-repeat;
}
.teamInfo .line {
	border-bottom: 1px solid #DDD;
	margin-bottom: 15px;
}
.teamCases li {
	float: left;
	width: 220px;
	margin: 0 17px 15px 0;
}
.teamCases .imga, .teamCases .imga img {
	position: relative;
	width: 220px;
	height: 158px;
	overflow: hidden;
	background: #342c2a;
}
.teamCases .imga p {
	position: absolute;
	left: 10px;
	bottom: 10px;
	height: 24px;
	padding: 0 7px;
	color: #FFF;
	overflow: hidden;
	background: rgba(0,0,0,0.5) scroll repeat !important;
	filter: Alpha(opacity=50);
	background: #342c2a;
	transition: all 0.3s linear 0s;
}
.teamCases .imga:hover p {
	width: 100%;
	background: #811f1c scroll repeat !important;
	filter: Alpha(opacity=100);
	background: #811f1c;
}
.moreTeam {
}
.moreTeam li {
	float: left;
	width: 150px;
	margin-right: 40px;
}
.moreTeam li img {
	width: 150px;
	height: 200px;
	margin-bottom: 10px;
	padding: 3px;
	border: 2px solid #F5F5F5;
	background: #F5F5F5;
	transition: all 0.3s linear 0s;
}
.moreTeam li .name {
	font-size: 24px;
	line-height: 35px;
}
.moreTeam li.hover img {
	border-color: #811f1c;
}
.TeamList li .cases .btnBox {
	margin-left: 10px;
}
.TeamList li .cases .btnBox a {
	display: inline-block;
	width: 80px;
	height: 22px;
	border: 1px solid #cfcfcf;
	color: #811f1c;
	line-height: 22px;
	text-align: center;
	margin-left: 15px;
}
.TeamList li .cases {
	border-color: #811f1c;
}
.TeamList li .cases .name {
	color: #811f1c;
}
.TeamList li .cases .btnBox a {
	border-color: #811f1c;
}
.TeamList li .cases .btnBox a:hover {
	background: #811f1c;
	color: #fff;
}
/*????????????*/
.iProduct {
	padding: 10px 0 10px 20px;
	border: 1px solid #EEE;
	background: #F5F5F5;
}
.iProduct .txt {
	width: 425px;
}
.proCate {
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #EEE;
}
.proCate a {
	float: left;
	width: 50px;
	margin-right: 30px;
	text-align: center;
}
.proCate a span {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	margin-bottom: 5px;
	background: url(img/pro_cate_bg.png) no-repeat;
	overflow: hidden;
}
.proCate a i {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	background: url(img/pro_cate_bg.png) no-repeat;
}
.proCate a.col_1 i {
	background-position: -50px 0;
}
.proCate a.col_2 i {
	background-position: -100px 0;
}
.proCate a.col_3 i {
	background-position: -150px 0;
}
.proCate a.col_4 i {
	background-position: -200px 0;
}
.proCate a.col_5 i {
	background-position: -250px 0;
}
.proCate a.col_6 i {
	background-position: -300px 0;
}
.proCate a.col_7 i {
	background-position: -350px 0;
}
.proCate a.col_8 i {
	background-position: -400px 0;
}
.proCate a.col_9 i {
	background-position: -450px 0;
}
.proCate a.col_10 i {
	background-position: -500px 0;
}
.proCate a.col_11 i {
	background-position: -550px 0;
}
.proCate a.col_12 i {
	background-position: -600px 0;
}
.proCate a.current {
	color: #811f1c;
}
.iProduct .proCate {
	width: 720px;
	padding: 0;
	margin: 15px 0 0 20px;
	border: none;
}
.iProduct .proCate a {
	margin-right: 10px;
}
.iProcess_tt h3 {
	background-position: 0 -90px;
}
.iProcess {
	padding-bottom: 20px;
	border-bottom: 1px solid #EEE;
}
.iProcess .ht {
	position: relative;
	width: 230px;
	height: 300px;
	padding-top: 10px;
	margin-right: 24px;
	border-right: 1px solid #DDD;
	overflow: hidden;
}
.iProcess .ht li {
	width: 100%;
	height: 60px;
	color: #999;
	cursor: pointer;
}
.iProcess .ht li i {
	float: left;
	width: 45px;
	height: 45px;
	margin: 0 10px;
	background: url(../images/i_bg.png) 0 -405px no-repeat;
}
.iProcess .ht li i.col_2 {
	background-position: -45px -405px;
}
.iProcess .ht li i.col_3 {
	background-position: -90px -405px;
}
.iProcess .ht li i.col_4 {
	background-position: -135px -405px;
}
.iProcess .ht li i.col_5 {
	background-position: 0 -450px;
}
.iProcess .ht li em {
	display: block;
	width: 101px;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	font-size: 20px;
	color: #333;
	text-align: center;
}
.iProcess .ht li.on em {
	background: url(../images/i_bg.png) -204px -450px no-repeat;
	color: #FFF;
}
.iProcess .ht li p {
	text-indent: 10px;
}
.iProcess .ht li.back {
	position: absolute;
	top: 0;
	right: 5px;
	width: 5px;
	height: 40px !important;
	background: url(../images/i_bg.png) -300px -405px no-repeat;
}
.iProcess .box, .iProcess .ct {
	width: 935px;
	height: 310px;
	overflow: hidden;
}
.HouseList {
	float: left;
	width: 100%;
	margin: -10px 0 50px 0;
	border-bottom: 1px solid #EEE;
}
.HouseList li {
	float: left;
	width: 270px;
	height: 320px;
	margin-bottom: -1px;
	padding: 23px 23px 23px 0;
	border-bottom: 1px solid #EEE;
}
.HouseList li .box {
	transition: all 0.3s linear 0s;
}
.HouseList li#end {
	padding-right: 0;
}
.HouseList li img {
	width: 270px;
	height: 210px;
}
.HouseList li h3 {
	line-height: 50px;
}
.HouseList li .tt {
	font-size: 20px;
}
.HouseList li .hlogo img {
	width: 120px;
	height: 60px;
	margin-right: 20px;
	border: 1px solid #F0F0F0;
}
.HouseList li p {
	line-height: 20px;
}
.HouseList li.hover .box {
	margin: -23px -10px;
	padding: 23px 10px;
	background: #FFF;
	box-shadow: 0 0 10px #666;
	border-radius: 5px;
}
.ProductList {
	margin-top: 0;
}
.ProductList li {
	height: 300px;
}
.ShijList li {
	height: 260px;
}
.houseInfo {
	width: 100%;
	margin: 10px 0 25px;
}
.houseInfo .imga img {
	width: 280px;
	height: 210px;
	margin-right: 25px;
}
.houseInfo .txt {
	width: 885px;
}
.houseInfo .num {
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px dashed #CCC;
	line-height: 40px;
}
.houseInfo .num span.fe70 {
	font-size: 18px;
}
.houseInfo .num em {
	margin-right: 45px;
}
.houseInfo .txt p.fl {
	width: 33.33%;
}
.houseTitle {
	margin-bottom: 15px;
	border-top: 1px solid #EEE;
	line-height: 55px;
}
.houseTitle span {
	font-size: 24px;
	color: #333;
}
.houseTitle .more {
	float: right;
	width: 105px;
	height: 25px;
	margin-top: 15px;
	background: #666;
	color: #FFF;
	text-align: center;
	line-height: 25px;
	border-radius: 3px;
	transition: all 0.3s linear 0s;
}
.houseTitle .more:hover {
	background: #811f1c;
}
.houseDian {
	width: 100%;
}
.houseDian li {
	float: left;
	width: 200px;
	margin: 0 74px 20px 0;
}
.houseDian li img {
	width: 200px;
	height: 180px;
	border: 1px solid #EEE;
}
.houseDian li .tt {
	display: block;
	font-size: 20px;
	line-height: 50px;
}
.houseDian li.hover {
	padding: 10px;
	margin: -10px 64px 10px -10px;
	background: #F8F8F8;
	box-shadow: 0 0 10px #666;
	border-radius: 5px;
}
.houseCase {
	width: 100%;
}
.houseCase li {
	position: relative;
	float: left;
	width: 580px;
	margin: 0 30px 45px 0;
}
.houseCase li img {
	width: 240px;
	height: 180px;
	margin-right: 20px;
}
.houseCase li .tt {
	display: block;
	margin-bottom: 15px;
	font-size: 20px;
}
.houseCase li .view {
	position: absolute;
	left: 260px;
	bottom: 0;
}
.houseCase li.hover {
	padding: 10px;
	margin: -10px 20px 35px -10px;
	background: #F8F8F8;
	box-shadow: 0 0 10px #666;
	border-radius: 5px;
}
.houseCase li#end.hover {
	margin-right: -10px;
}
.houseCase li.hover .view {
	left: 270px;
	bottom: 10px;
}
.houseRes {
	padding: 0 20px 20px;
	border: 1px solid #EEE;
	background: #F5F5F5;
}
.houseRes .houseTitle {
	border: none;
	margin-bottom: 0;
}
.houseRes li {
	float: left;
	margin-right: 20px;
}
.houseRes li img {
	width: 160px;
	height: 120px;
	margin-right: 15px;
}
.houseRes li .info {
	width: 194px;
}
.houseRes li .info .tt {
	display: block;
	height: 30px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 30px;
	overflow: hidden;
}
.houseRes li .info em {
	float: left;
	width: 50%;
}
.houseRes li.hover {
	padding: 10px;
	margin: -10px 10px -10px -10px;
	background: #F8F8F8;
	box-shadow: 0 0 10px #666;
	border-radius: 5px;
}
.houseRes li#end.hover {
	margin-right: -10px;
}
/*????????????*/
.BrandList {
}
.BrandList .imga {
	float: left;
	width: 140px;
	margin: 0 35px 15px 0;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}
.BrandList .imga img {
	width: 138px;
	height: 69px;
	border: 1px solid #EEE;
}
.BrandList .imga.hover img {
	box-shadow: 0 0 10px #666;
	border-radius: 5px;
}
/*????????????*/
.CasesList li {
	float: left;
	width: 270px;
	margin: 0 23px 20px 0;
	transition: all 0.3s linear 0s;
}
.CasesList li .imga {
	position: relative;
	width: 270px;
	height: 210px;
	margin-bottom: 10px;
	overflow: hidden;
}
.CasesList li img {
	width: 270px;
	height: 210px;
}
.CasesList li p {
	height: 24px;
	overflow: hidden;
}
.CasesList li .imga .info {
	position: absolute;
	left: 0;
	top: 240px;
	width: 180px;
	height: 170px;
	padding: 40px 50px 0;
	background: rgba(238,119,0,.8) scroll repeat !important;
	filter: Alpha(opacity=80);
	background: #E70;
	color: #FFF;
	font-size: 14px;
	line-height: 30px;
}
.casesInfo {
	margin: -15px 0 15px;
}
.casesInfo em {
	float: left;
	width: 25%;
}
.productInfo em {
	width: 20%;
}
.casesNote {
	margin: 0 10px;
}
.casesNote .ht {
	position: relative;
	margin-bottom: 15px;
	font-size: 20px;
}
.casesNote .ht span {
	color: #AAA;
}
.casesNote .ht i {
	position: absolute;
	width: 40px;
	height: 35px;
	background: url(pub_bg.png) -260px -175px no-repeat;
}
.casesNote .ht i.fl {
	left: 0;
	top: -15px;
}
.casesNote .ht i.fr {
	right: -10px;
	top: -8px;
	background-position: -300px -175px;
}
.caseLike {
	width: 950px;
	height: 50px;
	margin: 20px 0;
}
.caseLike .text {
	margin-left: 168px;
}
.caseLike .text span {
	font-size: 24px;
	color: #333;
	line-height: 30px;
}
.caseLike .text em {
	display: block;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
}
.caseLike .teamBtn {
	float: left;
	margin-left: 10px;
}
.casesTeam {
	width: 250px;
	margin: 0 10px;
}
.casesHouse {
	width: 250px;
	margin: 0 10px 20px;
}
.casesHouse img {
	width: 100px;
	height: 75px;
	margin-right: 12px;
}
.casesHouse .tt {
	font-size: 18px;
}
.casesHouse .view {
	float: left;
	display: inline;
	width: 90px;
	height: 25px;
	background: url(pub_bg.png) 0 -210px no-repeat;
	line-height: 25px;
	color: #FFF;
	font-size: 14px;
	text-indent: 25px;
}
/*--??????--*/
.ad-gallery {
	width: 690px;
	/*width: 100%;*/
	background: #DDD;
	margin: auto;
}
.ad-gallery * {
	margin: 0;
	padding: 0;
}
.ad-gallery .ad-image-wrapper {
	width: 690px;
	/*width: 100%;*/
	height: 450px;
	position: relative;
	background: #342c2a;
	overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
	position: absolute;
	z-index: 10;
	top: 48%;
	left: 48%;
}
.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
	/* Or else IE will hide it */
	background: url(img/trans.gif);
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(img/ad_prev.png);
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	top: 47%;
	left: 0;
	z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(img/ad_next.png);
	width: 30px;
	height: 30px;
	right: 0;
	left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
	border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 7px;
	text-align: left;
	width: 100%;
	z-index: 2;
	background: url(opa75.png);
	color: #342c2a;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	display: block;
}
.ad-gallery .ad-controls {
	height: 20px;
}
.ad-gallery .ad-info {
	float: left;
}
.ad-gallery .ad-slideshow-controls {
	float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	padding-left: 5px;
	cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	padding-left: 5px;
	font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
	cursor: default;
	font-style: italic;
}
.ad-gallery .ad-nav {
	/*width: 878px;*/
	width: 100%;
	height: 98px;
	position: relative;
	border: 1px solid #E5E5E5;
	background: #FFF url(img/ad-nav_bg.gif) left bottom repeat-x;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
	position: absolute;
	top: 0;
	height: 100px;
	z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
	height: 100px;
}
.ad-gallery .ad-back {
	cursor: pointer;
	top: -1px;
	left: -1px;
	width: 37px;
	display: block;
	background: url("img/prev-next.gif") left 0px no-repeat;
}
.ad-gallery .ad-forward {
	cursor: pointer;
	display: block;
	right: -1px;
	width: 37px;
	background: url("img/prev-next.gif") right 0px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
	overflow: hidden;
	/*width: 810px;*/
	overflow: hidden;
	width: 682px;
	margin: 0 auto;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
	float: left;
	width: 9000px;
	list-style: none;
}
.ad-gallery .ad-thumbs li {
	float: left;
	padding-right: 5px;
	padding-top: 5px;
}
.ad-gallery .ad-thumbs li a {
	display: block;
}
.ad-gallery .ad-thumbs li a img {
	border: 1px solid #796248;
	padding: 2px;
	display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
	border: none;
	padding: 3px;
	padding-top: 7px;
	margin-top: -4px;
	background: url("img/prev-next.gif") 0px -102px no-repeat;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
}
.ad-thumbs {
	padding: 15px 0;
	height: 70px;
}
.prevCases, .nextCases {
	float: left;
	display: inline;
	width: 350px;
	height: 30px;
	line-height: 30px;
	background: #666;
	color: #333;
	overflow: hidden;
	text-align: center;
}
.prevCases a, .nextCases a {
	color: #FFF;
}
.prevCases {
	width: 349px;
	border-right: 1px #FFF solid;
	z-index: 999;
}
/*????????????*/
.main .hrbanImg {
	margin-top: 10px;
	height: 430px;
}
/*.main*/
/*????????????*/
.hrlist {
	padding: 20px 0;
	margin: auto;
	background: #fff;
	width: 1060px;
	padding-left: 40px;
}
.hrlist .item {
	margin: 15px;
	width: 480px;
	display: inline-block;
	height: 150px;
	border-bottom: 2px solid #811f1c;
	background: #f4f4f4;
*zoom:1;
*display:inline;
}
.hrlist .item:hover {
	background: #342c2a;
	color: #fff;
}
.hrlist .item .title {
	height: 35px;
	line-height: 35px;
	background: #342c2a;
	position: relative;
}
.hrlist .item .title h1 {
	width: 95px;
	text-align: center;
	border-right: 5px solid #fff;
	height: 35px;
	background: #811f1c;
	color: #fff;
	font-size: 16px;
}
.hrlist .item .title p {
	position: absolute;
	left: 100px;
	top: 0px;
	width: 95px;
	text-align: center;
	height: 35px;
	color: #fff;
	font-size: 16px;
}
.hrlist .item .title span {
	content: "";
	position: absolute;
	right: 15px;
	top: 45%;
	border-left: 5px solid transparent;
	border-top: 5px solid #fff;
	border-right: 5px solid transparent;
	z-index: 999;
}
.hrlist .item .info {
	margin-top: 10px;
	height: 90px;
	padding-left: 10px;
	font-size: 14px;
}
.hrlist .item .info p {
	line-height: 28px;
	height: 28px;
	overflow: hidden;
}
/*????????????ed*/
/*???????????? */
DIV.skpage {
	TEXT-ALIGN: center;
	clear: both;
	padding: 10px;
	margin: 20px 10px 10px 10px;
}
DIV.skpage A {
	MARGIN: 2px;
	COLOR: #333333;
	TEXT-DECORATION: none;
	border: 1px solid #CCCCCC;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	padding: 5px 8px 5px 8px;
	background-color: #F9F9F9;
}
DIV.skpage A:hover {
	COLOR: #342c2a000;
	border: 1px solid #CCCCCC;
	background-color: #D0D0D0;
}
.skpage i {
	padding: 5px 8px 5px 8px;
	FONT-WEIGHT: bold;
	MARGIN: 2px;
	COLOR: #fff;
	BACKGROUND-COLOR: #333333;
	border: 1px solid #333333;
	font-style: normal
}
DIV.skpage SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #eee 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	MARGIN: 2px;
	BORDER-LEFT: #eee 1px solid;
	COLOR: #ddd;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #eee 1px solid;
	background-color: #FFFFFF;
}
DIV.skpage INPUT {
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}