gusucode.com > 【demx50】营销型家具销售类企业网站织梦dedecms模板 > 【demx50】营销型家具销售类企业网站织梦dedecms模板/templets/default/css/css.css

    /* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
ul, li, ol, h1, h2, h3, dl, dt, dd, form, p, span, b, u, s, i {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: normal
}
.clearfix {
	display: inline-table;
}
* html .clearfix {
	height: 1%;/*ie6*/
}
*+html .clearfix {
	min-height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
input, textarea {
	outline: none;
	border: 0px;
}/*去掉输入框得到焦点时边框会出现阴影效果----例如360 火狐*/
a {
blr:expression(this.onFocus=this.blur()); /* IE Opera */
	outline: none; /* FF Opera */
}
a:focus {
	-moz-outline-style: none; /* FF */
} /*去掉a标签超链接的虚线框*/
.clearboth {
	clear: both
}
a:link {
	text-decoration: none;
	color: #423d3f;
}
a:visited {
	text-decoration: none;
	color: #423d3f;
}
a:hover {
	text-decoration: none;
	color: #F00;
	transition: all 0.3s ease-out 0s;
}
a:active {
	text-decoration: none;
	color: #535353;
}
.yh {
	font-family: "Microsoft YaHei";
}
.mainnoback {
	width: 1180px;
	margin: 0 auto;
	overflow: hidden
}
body {
	margin: 0px;
	color: #595959;
	background: url(../images/bg.jpg) repeat top center;
	font-size: 12px;
	font-family: 宋体, Arial, Helvetica, sans-serif;
}
/*<!--top-->*/
.top_bg {
	background: url(../images/top_bg.jpg) no-repeat top center;
	height: 138px;
	overflow: hidden;
	padding-top: 20px
}
.top_sw a {
	background: url(../images/sw_tag.png) no-repeat left center;
	padding-left: 10px
}
.top_sw a.noback {
	background: none;
}
.top_sw {
	line-height: 24px
}
/*<!--logo-->*/

.logo {
	width: 96px;
	height: 95px;
	float: left;
	margin: 20px 0px 0px 30px;
	display: inline
}
.logo_title {
	width: 361px;
	height: 100px;
	float: left;
	margin: 40px 0px 0px 20px;
	display: inline;
	font-size: 36px;
	line-height: 35px
}
.logo_title p {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	letter-spacing: 1.1px
}
.logo_tag {
	font-size: 19px;
	color: #1f1f1f;
	font-weight: bold;
	float: left;
	margin: 50px 0px 0px 20px;
	display: inline
}
.iphone {
	width: 330px;
	float: right;
}
.iphone .telx p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #d5241e;
	background: url(../images/telx.jpg.html) no-repeat bottom left;
	height: 59px;
	width: 258px;
}
.iphone img {
	vertical-align: middle
}
.iphone .telx {
	background: url(../images/telx.png) no-repeat top left;
	padding-left: 60px;
	margin-top: 30px
}
/*<!--nav-->*/
.nav_bg #nav {
	margin-left: 20px
}
.nav_bg {
	background: url(../images/nav_bg.jpg) repeat-x top left;
	height: 50px;
	line-height: 50px;
	width: 100%
}
.nav_bg li {
	height: 50px;
	display: block;
	float: left;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	line-height: 50px;
}
.nav_bg li a {
	height: 50px;
	display: block;
	color: #0e0c05;
	padding: 0px 24px;
	font-weight: bold
}
.nav_bg li a:hover {
	background: url(../images/nav_hvoer.jpg) repeat-x top left;
	color: #FFF;
}
.CurrentMenu {
	background: url(../images/nav_hvoer.jpg) repeat-x top left;
	color: #FFF;
}
/*banner*/
.flexslider {
	position: relative;
	height: 451px;
	overflow: hidden;
	background: url(../images/loading.gif) 50% no-repeat;
}
.slides {
	position: relative;
	z-index: 1;
}
.slides li {
	height: 451px;
}
.flex-control-nav {
	position: absolute;
	bottom: 10px;
	z-index: 999;
	width: 100%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 40px;
	overflow: hidden;
	background: url(../images/dot.png) right 0 no-repeat;
	cursor: pointer;
}
.flex-control-nav .flex-active {
	background-position: 0 0;
}
.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 45%;
}
.flex-direction-nav li a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
}
.flex-direction-nav li a.flex-prev {
	left: 40px;
	background: url(../images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
	right: 40px;
	background: url(../images/next.png) center center no-repeat;
}
.main {
	background: #FFF;
	margin: 0 auto;
	width: 1180px;
	padding-bottom: 20px
}
/*search*/
.search_bg {
	background: #a80005;
	height: 35px;
}
.search1 {
	float: right;
	width: 256px;
	float: right;
	height: 22px;
	background: #FFF;
	line-height: 22px;
	margin-top: 6px;
	display: inline
}
.search_zi {
	float: left;
	width: 700px;
	color: #FFF;
	line-height: 35px;
}
.search_zi a {
	color: #ffd1d1;
	margin: 0 2px;
}
.search_zi a:hover {
	color: #FFF;
}
.search1 .text {
	width: 190px;
	height: 22px;
	float: left;
	padding-left: 10px;
	border: none;
	line-height: 22px;
	color: #d2bc9a
}
.search1 .submit {
	width: 56px;
	height: 22px;
	cursor: pointer;
	float: left;
	background: url(../images/search_bg.jpg) no-repeat right center;
	color: #FFF;
	line-height: 22px;
	text-align: center
}
/* end nav*/

.end_bg {
	background: url(../images/end_navbg.jpg) no-repeat top center #900000;
}
.end_nav {
	margin-top: 10px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px
}
.end_nav a {
	color: #dbc145;
	padding: 0px 14px;
	background: url(../images/end_navtag.jpg) no-repeat right center;
}
.end_nav a.noback {
	background: none
}
/* end n*/
.end_n {
	text-align: center;
	color: #dbc145;
	line-height: 24px;
	padding: 10px 0px 20px;
}
.end_n a {
	color: #dbc145;
}
.end_n a:hover {
	color: #F00
}
.end_nav a:hover {
	color: #F00
}
.end_n dd {
	padding: 2px 0px
}
.end_n dd img {
	vertical-align: middle
}
.online-phone {
	padding: 0;
	display: block;
	width: 95px;
	height: auto;
	background: #ededed;
	border: medium none;
	opacity: 1;
}
.online-phone div {
	line-height: 24px;
}
.online-phone li {
	color: #0072c6;
	font-family: "Microsoft YaHei";
	width: 95px;
	height: 45px;
	padding: 4px 0;
	margin: 0;
	cursor: pointer;
	border-bottom: 1px solid #a5c8e1;
	background: #d5e0e9 url(../images/callservice_2.png) -202px 4px no-repeat;
}
.online-phone li:hover {
	color: #fff;
	border-bottom: 1px solid #ecc0a6;
	background: #ff7424 url(../images/callservice_2.png) -202px -50px no-repeat;
}
.online-phone li a {
	color: #0072C6;
}
.online-phone li a:active {
	color: #0072C6;
}
.online-phone li a:hover {
	color: #fff;
}
.phone-name {
	text-indent: 35px;
}
.phone-nub {
	text-indent: 3px;
}
.online-tc {
	cursor: pointer;
	display: block;
	width: 95px;
	height: 90px;
	background: url(../images/callservice_2.png) no-repeat 0 0;
	border-bottom: 1px solid #ebac00;
	opacity: 1;
}
.online-tc:hover {
	background: url(../images/callservice_2.png) no-repeat -105px 0;
}
.online-code {/*display: block; cursor:pointer; width: 95px; height: 80px; background: url(../images/callservice_2.png) no-repeat 0 -290px; border: medium none;opacity: 1;*/
}
.online-tel {
	display: block;
	cursor: pointer;
	width: 95px;
	height: 15px;
	background: url(../images/callservice_2.png) no-repeat 0 -290px;
	border: medium none;
	opacity: 1;
	padding-top: 65px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: "黑体";
	font-style: italic;
}
.online-left {
	float: left;
	position: absolute;
	left: 0;
	cursor: pointer;
	width: 26px;
	height: 132px;
}
.online-hidden {
	background: url(../images/callservice_2.png) -274px -104px no-repeat
}
.online-show {
	background: url(../images/callservice_2.png) -274px -244px no-repeat
}
.online-right {
	float: right
}
.kwfwexin {
	width: 95px;
	height: 96px;
	margin: 0px 0;
}
.kwfwexin img {
	width: 95px;
	height: 96px;
}
.hot {
	overflow: hidden;
	margin: 20px;
}
.hot ul li {
	height: 180px;
	line-height: 30px;
}
.hot ul li img {
	width: 160px;
	height: 160px;
}
.zklist {
	overflow: hidden;
	margin-top: 15px;
	border: 1px solid #D5D5D5;
	border-radius: 4px;
	font-family: "宋体";
}
.zklist-T {
	background: url("../images/tit1.gif") repeat-x scroll 0% 0% transparent;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	text-indent: 12px;
}
.zklist-C {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}
.zklist-C ul li {
	width: 45%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	float: left;
	margin-right: 2%;
	margin-left: 2%;
}
.zklist-C ul li a {
	float: left;
	width: 75%;
}
.zklist-C ul li span {
	float: right;
	text-align: right;
}